Skodev
Belajar coding dalam bahasa Indonesia
Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini
XSkodev
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.
belajar membuat website kamu dari nol. Cocok untuk pemula
Lihat KelasLink terkait: