HTML (HyperText Markup Language) adalah bahasa markup standar untuk membuat halaman web. Sementara itu, JavaScript adalah bahasa pemrograman yang digunakan untuk membuat situs web interaktif dan responsif. Dalam artikel ini, kita akan membahas cara menambahkan JavaScript ke dalam halaman HTML.
Menambahkan Tag Script
Untuk menambahkan JavaScript ke dalam halaman HTML, pertama-tama Anda perlu menambahkan tag script di antara tag head atau tag body. Tag script adalah tag HTML yang digunakan untuk menentukan kode JavaScript. Berikut adalah contoh tag script:
<head>
<script>
// Kode JavaScript di sini
</script>
</head>
Pada contoh di atas, tag script ditempatkan di dalam tag head, namun bisa juga ditempatkan di dalam tag body. Selain itu, kode JavaScript ditempatkan di antara tag script.
Menulis Kode JavaScript
Setelah menambahkan tag script, Anda bisa menulis kode JavaScript di dalamnya. Kode JavaScript bisa berupa kode tunggal atau beberapa baris kode. Berikut adalah contoh kode JavaScript sederhana:
<head>
<script>
// Contoh kode JavaScript
alert("Hello, world!");
</script>
</head>
Pada contoh di atas, kita menggunakan fungsi alert() untuk menampilkan dialog pop-up yang berisi pesan "Hello, world!" ketika halaman web dimuat.
Menambahkan File JavaScript Eksternal
Anda juga bisa menambahkan file JavaScript eksternal ke dalam halaman HTML Anda. Untuk melakukan ini, Anda perlu menambahkan atribut src ke dalam tag script dan menentukan alamat file JavaScript Anda. Berikut adalah contoh kode untuk menambahkan file JavaScript eksternal:
<head>
<script src="script.js"></script>
</head>
Pada contoh di atas, kita menambahkan file JavaScript dengan nama script.js ke dalam halaman HTML kita. Pastikan Anda menentukan path file JavaScript Anda dengan benar.Menempatkan JavaScript di Akhir Halaman
Jika Anda ingin mempercepat waktu muat halaman, maka sebaiknya tempatkan tag script di akhir halaman sebelum tag body. Hal ini akan memastikan bahwa konten HTML terbaca terlebih dahulu sebelum kode JavaScript dimuat. Berikut adalah contoh penempatan tag script di akhir halaman:
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<!-- Konten halaman web Anda -->
<script src="script.js"></script>
</body>
</html>
Pada contoh di atas, tag script ditempatkan di akhir halaman sebelum tag body.
Kesimpulannya, menambahkan JavaScript ke dalam halaman HTML bisa dilakukan dengan menambahkan tag script di antara tag head atau tag body. Anda bisa menulis kode JavaScript di dalam tag script atau menambahkan file JavaScript eksternal. Selain itu, sebaiknya tempatkan tag script di akhir halaman sebelum tag body untuk mempercepat waktu muat halaman. Dengan memahami cara menambahkan JavaScript ke dalam halaman HTML, Anda bisa membuat halaman web yang lebih interaktif dan responsif.