Latihan 1: Dialog Element — HTML

Latihan 1 dari materi Dialog Element di HTML — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Bikin modal info pesanan:

<button> dengan teks persis Buka Modal, ditulis di luar dialog
<dialog> ber-id info
di dalam dialog, <h2> dengan teks persis Info Pesanan
di dalam dialog juga, tombol kedua dengan teks Tutup

Biar tombolnya beneran bekerja, kasih tombol pembuka onclick="document.getElementById('info').showModal()" dan tombol Tutup onclick="document.getElementById('info').close()".

Hint

Tombol pembuka ada di luar dialog. Judul dan tombol penutupnya ada di dalam dialog.
Kotaknya <dialog id="info">, judulnya <h2>, dan dua-duanya tombol <button>. Tombol pembuka memanggil showModal(), tombol penutup memanggil close().
<button onclick="document.getElementById('info').showModal()">Buka Modal</button> <dialog id="info"> <h2>Info Pesanan</h2> <button onclick="document.getElementById('info').close()">Tutup</button> </dialog>

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Dialog Element — HTML

Hint

Memperbarui Aplikasi