Skodev
Belajar coding dalam bahasa Indonesia
Tahun baru, skill baru! đ. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
JavaScript adalah bahasa pemrograman yang sangat populer dan penting dalam pengembangan web. Dengan menggabungkan HTML dengan JavaScript, kamu dapat membuat situs web yang interaktif dan dinamis. Berikut adalah cara menghubungkan HTML dengan JavaScript.
Pertama-tama, kita harus membuat file HTML dan JavaScript terpisah. Misalkan nama file HTML adalah âindex.htmlâ dan nama file JavaScript adalah âscript.jsâ.
Dalam file âindex.htmlâ, tuliskan kode HTML standar. Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Web</title>
</head>
<body>
<h1>Selamat datang di situs web kami!</h1>
<button id="tombol">Klik Saya</button>
</body>
</html>Dalam contoh ini, kami membuat elemen button dengan id âtombolâ.
Lanjut ke file JavaScript âscript.jsâ, dan tuliskan fitur JavaScript yang ingin diaplikasikan ke halaman web tersebut. Contoh:
document.getElementById('tombol').onclick = function() {
alert('Terima kasih telah mengunjungi situs web kami!');
}Dalam contoh ini, kita membuat agar setiap kali tombol dengan id âtombolâ diklik, akan muncul popup pesan âTerima kasih telah mengunjungi situs web kami!â.
Selanjutnya, kita harus menghubungkan file HTML dengan JavaScript. Untuk melakukan itu, tambahkan tag script ke dalam elemen head atau body di file HTML Anda. Tag script harus memiliki atribut src yang merujuk ke file JavaScript.
Dalam file âindex.htmlâ, ubah menjadi seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Web</title>
</head>
<body>
<h1>Selamat datang di situs web kami!</h1>
<button id="tombol">Klik Saya</button>
<script src="script.js"></script>
</body>
</html>Perhatikan bahwa kami menambahkan <script src="script.js"></script> di akhir sebelum tag body ditutup. Ini berarti kita telah berhasil menghubungkan file HTML dengan file JavaScript.
Link terkait: