Latihan 2 dari materi DOM Manipulation di JavaScript — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Halaman sudah punya <div id="container">. Tambahkan satu paragraf ke dalamnya lewat JavaScript:
Buat elemen <p> baru dengan document.createElement.
Isi teksnya persis Paragraf baru!.
Masukkan ke dalam #container dengan appendChild, bukan ke tempat lain di halaman.
createElement dan appendChild ikut dicek di kodenya.
Hint
Elemen baru belum kelihatan sampai dimasukkan ke dalam sebuah induk di halaman.
document.createElement("p") membuat paragrafnya, textContent mengisi teksnya, dan appendChild memasukkannya ke elemen #container yang diambil dengan querySelector.
const p = document.createElement("p"); p.textContent = "Paragraf baru!"; document.querySelector("#container").appendChild(p);
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...
