Pelajari bagaimana JavaScript dapat merespon berbagai event yang terjadi di browser.

JavaScript Events

JavaScript dapat "mendengarkan" dan merespons event seperti klik, hover, perubahan input, dan banyak lagi.

1. Event HTML Inline

Event bisa ditambahkan langsung ke elemen HTML.

<button onclick="alert('Tombol diklik!')">Klik Saya</button>

2. Event dengan JavaScript

Event listener bisa ditambahkan melalui JavaScript.

<button id="btn">Klik Aku</button>
 
<script>
  document.getElementById("btn").onclick = function () {
    alert("Tombol diklik lewat JS!");
  };
</script>

3. Event Listener Modern

Gunakan addEventListener() untuk cara modern menangani event.

<button id="myBtn">Klik di sini</button>
 
<script>
  const btn = document.getElementById("myBtn");
  btn.addEventListener("click", () => {
    alert("Event listener aktif!");
  });
</script>

Contoh Event Umum

Event	Deskripsi
`onclick`	Saat elemen diklik
`onmouseover`	Saat kursor melewati elemen
`onchange`	Saat nilai input berubah
`onkeydown`	Saat tombol keyboard ditekan
`onsubmit`	Saat form disubmit

JS Events

JavaScript Events

1. Event HTML Inline

2. Event dengan JavaScript

3. Event Listener Modern

Contoh Event Umum

On this page