CARA MENAMBAH JAVASCRIPT DI HTML

JavaScript adalah bahasa pemrograman yang sangat penting untuk pengembangan web. Dengan JavaScript, kamu bisa membuat halaman web menjadi lebih interaktif dan dinamis. Lalu, bagaimana cara menambahkan JavaScript di HTML? Berikut adalah panduan lengkapnya.

Cara Menambahkan JavaScript di HTML Menggunakan Inline Script

Cara pertama yang bisa kamu coba adalah dengan menggunakan inline script. Dengan cara ini, JavaScript ditambahkan langsung ke dalam elemen HTML.

Berikut adalah contohnya:

<button onclick="alert('Hallo, Selamat datang!')">Klik saya!</button>

Dalam contoh di atas, onclick adalah event handler. Ketika pengguna mengklik tombol, kode JavaScript (alert('Hallo, Selamat datang!')) akan dijalankan.

Cara Menambahkan JavaScript di HTML Menggunakan Internal Script

Selain menggunakan inline script, kamu juga bisa menggunakan internal script. Dengan cara ini, JavaScript ditambahkan diantara tag <script> pada dokumen HTML.

Berikut adalah contohnya:

<script>
  function myFunction() {
    alert('Hallo, Selamat datang di website kami!');
  }
</script>

Dalam contoh di atas, fungsi myFunction() menghasilkan pesan popup ketika dijalankan.

Bagaimana Cara Menjalankan Fungsi di Atas?

Untuk menjalankan fungsi tersebut, kamu perlu memanggilnya. Contohnya, bisa dengan menggunakan tombol seperti ini:

<button onclick="myFunction()">Klik saya!</button>

Cara Menambahkan JavaScript di HTML Menggunakan Eksternal Script

Cara ketiga untuk menambahkan JavaScript di HTML adalah dengan menggunakan eksternal script. Dengan cara ini, kamu akan menulis kode JavaScript di file terpisah dan kemudian menghubungkannya dengan dokumen HTML menggunakan tag <script>.

Berikut adalah contohnya. Misalkan kamu mempunyai file JavaScript dengan nama script.js:

function myFunction() {
  alert('Hallo, Selamat datang di website kami!');
}

Kamu bisa menghubungkan file script.js ke dokumen HTML seperti ini:

<script src="script.js"></script>

Kelebihan dari Eksternal Script

Menggunakan eksternal script memiliki beberapa kelebihan, diantaranya:

• Memudahkan pengaturan kode: Kode JavaScript dapat dikelola dalam satu tempat dan digunakan di beberapa halaman web.
• Mempercepat waktu load: Browser biasanya menyimpan file JavaScript secara cache. Sehingga, hal ini dapat mempercepat waktu load halaman jika file JavaScript sama digunakan di beberapa halaman.

Itulah beberapa cara untuk menambahkan JavaScript di HTML. Kamu bisa memilih cara mana yang paling sesuai dengan kebutuhanmu. Selamat mencoba!