Atribut Acara HTML onclick
Contoh
Jalankan JavaScript saat tombol diklik:
<button onclick="myFunction()">Click me</button>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Atribut onclick diaktifkan pada klik mouse pada elemen.
Dukungan Peramban
Event Attribute | |||||
---|---|---|---|---|---|
onclick | Yes | Yes | Yes | Yes | Yes |
Sintaksis
<element onclick="script">
Nilai Atribut
Value | Description |
---|---|
script | The script to be run on onclick |
Detail Teknis
Tag HTML yang didukung: | Semua elemen HTML, KECUALI: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title> |
---|
Lebih Banyak Contoh
Contoh
Klik pada elemen <p> untuk mengubah warna teksnya menjadi merah:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Contoh
Klik tombol untuk menyalin beberapa teks dari bidang masukan ke bidang masukan lain:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Halaman Terkait
Referensi DOM HTML: acara onclick
Atribut Acara HTML