Pengertian Event Pada Javascript
Event pada javascript adalah sesuatu yang terjadi pada element. Apa maksud dari event pada javascript...?? Maksudnya adalah misal kita membuat tombol di halaman website atau aplikasi apapun yang kita bangun, dan kita ingin memberikan suatu aksi jika tombol tersebut di klik. kesimpulannya event adalah jika tombol tersebut di klik maka akan muncul pesan dan klik itulah yang di namakan event.
Macam-macam event pada javascript.
- onclick = adalah event jika sebuah element HTML di klik
- onchange = adalah event jika sebuah element HTML berubah
- onmouseover = adalah event jika sebuah element di letakkan cursor mouse
- onmouseout = adalah event jika saat cursor mouse meninggalkan elemnet HTML
- onkeydown = adalah event jika saat terjadi pengetikan element HTML
- onload = adalah event jika saat halaman di buka
Untuk membuat event dengan javascript, kita bisa tambah kan nama-nama yang ada di atas tadi.
Contoh
<button onclick="di sini berikan aksi yang ingin di lakukan">TOMBOL</button>Contoh Event pada javascript
Untuk contohnya saya akan membuat event klik pada sebuah tombol. Saya ingin menampilakan aksi pada saat tombol di klik
<!DOCTYPE html>Kita perhatikan contoh di atas, terdapat event klik
<html>
<head>
<title>Belajar Javascript</title>
</head>
<body>
<h1>Mengenal Event Pada Javascript</h1>
<!-- memberikan event pada element tombol -->
<button onclick="tampilkan_nama()">KLIK SAYA</button>
<!-- id hasil -->
<div id="hasil"></div>
<script>
// membuat function tampilkan_nama
function tampilkan_nama(){
document.getElementById("hasil").innerHTML = "<h3>Nama Saya Adalah Amirul Muttaqin</h3>";
}
</script>
</body>
</html>
<button onclick="tampilkan_nama()">KLIK SAYA</button>Pada saat tombol di klik maka secara otomatis akan menjalankan function tampil_nama. Lalu kita buat function tampil_nama
function tampilkan_nama(){Perhatikan hasilnya
document.getElementById("hasil").innerHTML = "<h3>Nama Saya Adalah Amirul Muttaqin</h3>";
Dan kekita di klik akan muncul seperti di bawah.
Disana muncul kalimat "Nama Saya Adalah Amirul Muttaqin"
Referensi : www.malasngoding.com
Tidak ada komentar :
Posting Komentar