Latihan 2: Events — JavaScript

Latihan 2 dari materi Events di JavaScript — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Halaman sudah punya kolom <input> dan <p id="preview">...</p>. Buat paragraf itu mengikuti ketikan:

Pasang listener input di kolomnya pakai addEventListener.
Di dalam listener, isi teks preview dengan isi kolom saat itu, dibaca dari .value kolomnya, misalnya input.value atau e.target.value.

Sebelum ada ketikan, paragrafnya harus tetap .... Pengecek mengetik Halo dunia, lalu Selamat sore, dan tiap kali paragrafnya harus berbunyi persis sama dengan yang diketik. Jadi jangan tulis kalimatnya sendiri di kode.

Hint

Isi paragrafnya harus dibaca ulang tiap kali ada ketikan, bukan sekali di awal.
Event yang jalan di tiap ketikan namanya input, dan isi kolom saat itu ada di input.value.
input.addEventListener("input", () => { preview.textContent = input.value; });

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 2: Events — JavaScript

Hint

Memperbarui Aplikasi