Mengenal dan Membuat Event pada Javascript

Membuat Event pada Javascript

Membuat Event pada Javascript – Event pada Javascript adalah bagian dari elemen HTML berisi serangkaian event yang dapat memicu JavaScript. Pada artikel sebelumnya kita telah membahas tentang Cara Membuat Function pada Javascript. Kali ini kita akan berkenalan dan membuat event pada Javascript.

Mengenal Event pada Javascript

Singkatnya, event adalah jembatan untuk berinteraksi antara halaman web dengan user nya. Ketika Javascript dipakai di suatu halaman HTML, Javascript bisa ‘bereaksi’ pada event tersebut.

Developer bisa menggunakan event ini untuk mengeksekusi respons kode JavaScript, yang menyebabkan tombol menutup jendela, pesan yang akan ditampilkan kepada user, data yang akan divalidasi, dan hampir semua jenis respons lain yang dapat dibayangkan.

Adapun beberapa event yang sering digunakan adalah:

Event Description | (Sumber: w3schools.com)
onchange An HTML element has been changed
onclick The user clicks an HTML element
onmouseover The user moves the mouse over an HTML element
onmouseout The user moves the mouse away from an HTML element
onkeydown The user pushes a keyboard key
onload The browser has finished loading the page

Event dapat digunakan untuk untuk menangani, dan memverifikasi, masukan pengguna, tindakan pengguna, dan tindakan browser. Selain itu, event pada Javascript dapat digunakan untuk:

  • Hal-hal yang harus dilakukan setiap kali halaman dimuat.
  • Hal-hal yang harus dilakukan ketika halaman ditutup.
  • Tindakan yang harus dilakukan saat pengguna mengklik tombol.
  • Konten yang harus diverifikasi ketika pengguna memasukkan data

Beberapa metode berbeda yang dapat digunakan untuk membiarkan JavaScript event berfungsi:

  • Atribut event HTML dapat mengeksekusi kode JavaScript secara langsung.
  • Atribut event HTML dapat memanggil fungsi JavaScript.
  • Dll.

Membuat Event pada Javascript

Sekarang kita coba untuk membuat event pada Javascript. Buat file HTML lalu pastekan kode berikut.

<script type="text/javascript">
function sayHello() {
alert("Hello World")
}
</script>
<p>Klik Tombol di Bawah Ini dan Lihat Hasilnya</p>
<button onclick="sayHello()" />Click Me</button>

Klik Tombol di Bawah Ini dan Lihat Hasilnya

Sekian artikel tentang Mengenal dan Membuat Event pada Javascript. Jika ada yang kurang dimengerti, silahkan tinggalkan pertanyaan melalui kolom komentar. Semoga bermanfaat dan sampai jumpa pada artikel selanjutnya.