Bab 3: Menggunakan JavaScript di halaman web

JavaScript dapat digunakan untuk membuat halaman web yang dinamis dan interaktif. Berikut adalah beberapa cara menggunakan JavaScript di halaman web:

• Menyisipkan JavaScript ke dalam halaman web JavaScript dapat disisipkan ke dalam halaman web dengan menggunakan tag. Script dapat ditulis langsung di dalam tag tersebut atau di-include dari file eksternal dengan menggunakan atribut src. Contoh:

<script>
  console.log('Hello World!');
</script>

• Mengakses element HTML dengan JavaScript JavaScript dapat mengakses element HTML dengan menggunakan DOM (Document Object Model). DOM merupakan representasi struktur halaman web dalam bentuk tree, sehingga kita bisa mengakses element HTML seperti mengakses properti dari sebuah object. Contoh:

<div id="myDiv">Hello World!</div>


<script>
  var div = document.getElementById('myDiv');
  div.innerHTML = 'Hello JavaScript!';
</script>

• Menangani event dengan JavaScript JavaScript juga dapat menangani event seperti ketika element diklik, form dikirim, dll. Event dapat ditangani dengan menggunakan method addEventListener. Contoh:

<button id="myButton">Click me</button>
<script>
  var button = document.getElementById('myButton');
  button.addEventListener('click', function() {
    console.log('Button was clicked');
  });
</script>