Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Bahasa pemrograman JavaScript sangat populer digunakan dalam pengembangan web, terutama dalam membuat situs web interaktif. Untuk bisa melakukannya, kamu perlu tahu bagaimana cara membuat script JavaScript dan mengeksekusinya pada halaman web HTML. Nah, di artikel ini, kita akan membahas langkah-langkah untuk membuat JavaScript di HTML.
Pertama, kamu perlu membuat skrip JavaScript. Skrip ini bisa berisi instruksi, fungsi, dan variable berdasarkan kebutuhanmu.
var pesan = "Hello, Dunia!";
alert(pesan);
Dalam skrip di atas, kita membuat sebuah variabel pesan
yang berisi string “Hello, Dunia!“. Kemudian, kita memakai fungsi alert()
untuk menampilkan pesan tersebut pada pengguna.
Ada dua cara menyisipkan JavaScript ke dalam HTML, yaitu secara internal dan eksternal.
Untuk melakukan penyisipan secara internal, kamu hanya perlu menuliskan skrip JavaScript di dalam tag <script>
pada HTML. Biasanya, tag ini diletakkan di bagian <head>
atau di akhir bagian <body>
.
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<script>
var pesan = "Hello, Dunia!";
alert(pesan);
</script>
</body>
</html>
Dalam contoh di atas, skrip JavaScript ditempatkan di bagian akhir dari <body>
.
Jika skrip JavaScriptmu cukup besar dan kompleks, lebih baik menuliskannya dalam file terpisah, lalu menghubungkannya ke HTML menggunakan attribut src
pada tag <script>
.
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>
Dalam contoh di atas, file script.js
adalah file di mana skrip JavaScript kamu berada.
Link terkait: