Materi Tentang JavaScript Part 10 (Cikarang Programing)

HTML Event

HTML Event adalah attribute di dalam HTML yang berisi perintah untuk menjalankan script (JavaScript). Event sendiri berarti peristiwa yang mana peristiwa tersebut melekat pada HTML element sebagai attribute, baik itu tanpa atau setelah ada interaksi dari user seperti menjalankan script ketika loading halaman, menjalankan script ketika user mengklik tombol button pada HTML element <button> dan lain sebagainya.

Contoh :

<button onclick="alert('Belajar JavaScript')"> Klik Aku </button> 

Berikut contoh - contoh lain dari event HTML

<p id="mytext"> </p>

<button onclick="displayDate()">Klik Aku </button>

<input type="text" onkeydown="document.getElementById('mytext').innerHTML = 'Kamu menekan Keyboard';" / >

<script>

function display Date() {

document.getElementById("mytext").innerHTML = Date();

}

</script>

Berikut beberapa event yang sering dipakai :

Event

onchange : menjalankan script ketika ada perubahan nilai atau konten pada sebuah element.

onclick : menjalankan script ketika element di klik.

onmouseover : menjalankan script ketika mouse diarahkan ke element.

onmouseout : menjalankan script ketika mouse diarahkan keluar element.

onkeydown : menjalankan script ketika keyboard ditekan.

onload : menjalankan script ketika browser berhasil memuat halaman.

Sekian dari saya untuk materi hari ini semoga bermanfaat untuk kalian semua. Untuk materi selanjutnya akan segera di upload...