🎯 Tujuan Pembelajaran

• Memahami dasar sintaks JavaScript.
• Menggunakan variabel, kondisi, dan perulangan.
• Memanipulasi elemen HTML menggunakan DOM.
• Membuat interaksi sederhana di web.

🎥 Video Pembelajaran

📘 Materi Modul

1. Variabel dan Tipe Data

let nama = "Budi";
const umur = 17;
console.log("Halo, nama saya " + nama + ", umur saya " + umur);

2. Manipulasi DOM

<h1 id="judul">Halo Dunia</h1>
<button onclick="ubahTeks()">Ubah Teks</button>

<script>
function ubahTeks() {
  document.getElementById("judul").innerText = "Teks Berubah!";
}
</script>

3. Contoh Hasil:

🧩 Latihan Mandiri

Buat halaman dengan fitur berikut:

• Sebuah input untuk nama siswa.
• Tombol “Tampilkan” yang menampilkan sapaan dinamis di bawahnya.
• Gunakan fungsi JavaScript dan manipulasi DOM untuk menampilkan hasilnya.

Bonus: tambahkan warna background acak setiap kali tombol ditekan 🎨