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
Click Me
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.