Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Untuk memulai pengembangan web menggunakan HTML dan JavaScript, kamu perlu tahu bagaimana cara memanggil JavaScript dalam HTML. Di sini kami akan membantu kamu untuk mengerti prosedur dasarnya.
Sebelum kita melanjutkan ke bagaimana memanggil JavaScript di HTML, ada baiknya kita memahami apa itu JavaScript dan HTML.
HTML, singkatan dari Hyper Text Markup Language, adalah bahasa pemrograman standar untuk membuat halaman dan aplikasi web.
Sementara itu, JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi lebih dinamis dan interaktif. JavaScript sering digunakan dalam pengembangan web bersamaan dengan HTML dan CSS.
Ada dua metode dasar untuk menyisipkan JavaScript ke dalam HTML, yaitu secara internal dan eksternal.
Metode ini memungkinkan kamu untuk menuliskan kode JavaScript langsung di dalam dokumen HTML. Berikut adalah caranya:
<script> di mana kamu ingin menyisipkan JavaScript<script>, tulis kode JavaScript kamu</script>Berikut adalah contoh penggunaannya:
<!DOCTYPE html>
<html>
<body>
<h2>Contoh JavaScript Internal</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Halo Dunia!";
</script>
</body>
</html>Pada contoh di atas, JavaScript digunakan untuk mengubah konten elemen HTML dengan id “demo”.
Metode ini memungkinkan kamu untuk menuliskan kode JavaScript dalam file terpisah (eksternal) yang kemudian dipanggil atau dihubungkan dengan dokumen HTML. Berikut adalah caranya:
<script> dengan attribut src yang merujuk ke file JavaScriptBerikut adalah contoh penggunaannya:
<!DOCTYPE html>
<html>
<body>
<h2>Contoh JavaScript Eksternal</h2>
<p id="demo"></p>
<script src="myScript.js"></script>
</body>
</html>Pada contoh di atas, JavaScript disimpan dalam file yang bernama “myScript.js”, dan file tersebut kemudian dipanggil dalam dokumen HTML.
Sekarang kamu sudah tahu bagaimana memanggil JavaScript di HTML, baik secara internal maupun eksternal. Dengan pengetahuan ini, kamu bisa mulai membuat halaman web yang lebih dinamis dan interaktif. Selamat mencoba!
Link terkait: