Mengubah struktur materi manipulasi DOM javascript berdasarkan guideline

[mnindrazaka]

Berikut struktur materi berdasarkan guideline, silahkan berikan komentar apabila ada yang perlu ditambahkan

1. Permasalahan

Terkadang, untuk membuat interaksi pada user, kita butuh merubah struktur atau style dari web saat web tersebut sudah berjalan di browser. Misalnya, apabila user selesai mengisi sebuah form, kemudian menekan tombol submit, maka akan muncul sebuah tabel yang berisi informasi dari data yang disubmit oleh user tadi

2. Penjelasan Materi Sebagai Solusi

Untuk mengubah struktur atau style dari web saat web tersebut sudah berjalan di browser, kita dapat melakukan manipulasi pada DOM menggunakan javascript

3. Penjelasan Detail Materi

• Penjelasan DOM
• Cara melakukan manipulasi DOM secara manual (pake inspect element di browser)
• Cara melakukan manipulasi DOM secara otomatis (pake javascript)
  • menentukan element yang ingin dimanipulasi (menggunakan document.getBy....)
  • manipulasi element tersebut

4. Contoh Kasus

Untuk contoh kasus, bisa diberikan langkah - langkah untuk membuat sebuah halaman web yang memiliki sebuah form biodata. Apabila form tersebut selesai diisi dan disubmit, maka akan muncul tabel baru yang berisikan informasi dari biodata yang disubmit tadi

file terkait :
https://github.com/wrideveloper/miniclass-web/blob/master/dasar/javascript/manipulasi-dom.md