Latihan 1: Events — JavaScript
Latihan 1 dari materi Events di JavaScript — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Halaman sudah punya <button>Klik Saya</button> dan <p id="output">Belum diklik</p>. Buat tombolnya mengubah teks paragraf itu:
- Pasang listener
click di tombol pakai addEventListener.
- Di dalam listener, ganti teks
output jadi persis Tombol diklik!.
Sebelum tombolnya diklik, paragrafnya harus tetap berbunyi Belum diklik. Jadi baris yang mengubah teksnya ditulis di dalam listener, bukan di luarnya.
Hint
- Teksnya harus berubah waktu tombol diklik, bukan waktu kodenya pertama kali jalan.
- Pakai tombol.addEventListener dengan event "click", lalu ganti output.textContent di dalam fungsi listener-nya.
- tombol.addEventListener("click", () => { output.textContent = "Tombol diklik!"; });