belajar javascript part2

Pada bagian kedua ini, kita akan belajar tentang cara menambahkan interaksi dan dinamisme pada halaman web menggunakan JavaScript.

1. DOM (Document Object Model)
   JavaScript menyediakan akses ke DOM (Document Object Model) yang memungkinkan Anda untuk mengubah elemen HTML dan mengatur interaksi dengan pengguna. Anda dapat mengambil elemen HTML menggunakan metode seperti getElementById atau querySelector dan mengubah gaya atau konten elemen tersebut menggunakan properti seperti innerHTML atau style.
   
   Contoh:

   let judul = document.getElementById("judul");
   judul.innerHTML = "Selamat Datang";
   judul.style.color = "blue";

2. Event
   JavaScript menyediakan event seperti click mouseover dan submit yang dapat digunakan untuk mengatur interaksi dengan pengguna. Anda dapat menambahkan event listener pada elemen HTML menggunakan metode seperti addEventListener dan mengeksekusi kode sesuai dengan event yang terjadi.
   
   contoh:

   let tombol = document.getElementById("tombol");
   tombol.addEventListener("click", function() {
     alert("Tombol diklik");
   });

3. Function
   JavaScript menyediakan function yang dapat digunakan untuk mengelompokkan kode yang sering digunakan dan membuat kode lebih terstruktur. Anda dapat mendefinisikan function menggunakan kata kunci function dan memanggilnya menggunakan nama function.
   Contoh:

   function tampilkanPesan(pesan) {
     alert(pesan);
   }
   
   tampilkanPesan("Selamat Datang");

   Itulah cara menambahkan interaksi dan dinamisme pada halaman web menggunakan JavaScript. Selanjutnya kita akan belajar tentang cara menggabungkan JavaScript dengan HTML dan CSS untuk membuat aplikasi web yang interaktif dan dinamis. Selamat belajar!