Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Mempelajari cara memanggil JavaScript (JS) di dalam Hypertext Markup Language (HTML) merupakan langkah dasar yang penting dan perlu dipahami oleh setiap pengembang web pemula. Dengan memahami konsep ini, kamu akan mampu membuat website yang interaktif dan dinamis.
Dalam artikel ini, kita akan membahas langkah demi langkah bagaimana cara memanggil file atau kode JS di dalam HTML.
Salah satu cara termudah memanggil JS adalah dengan langsung menuliskannya di dalam HTML. Hal ini bisa dilakukan dengan menggunakan tag <script>.
Berikut adalah contoh cara penerapannya:
<!DOCTYPE html>
<html>
<body>
<h2>Selamat Datang di Website Kami</h2>
<button onclick="pesanSelamatDatang()">Klik di sini</button>
<script>
function pesanSelamatDatang() {
alert("Selamat datang di Website Kami!");
}
</script>
</body>
</html>Pada kasus di atas, fungsi pesanSelamatDatang() akan dipanggil ketika tombol diklik oleh pengguna.
Cara lain untuk memanggil JS adalah dengan menggunakan file eksternal. Ini bisa dilakukan dengan menciptakan sebuah file JS terpisah dan kemudian memanggil file tersebut di dalam HTML.
Berikut adalah contoh cara penerapannya:
Pertama, buatlah sebuah file JavaScript dengan nama, misalnya, script.js, dan letakkan kode berikut di dalamnya:
function pesanSelamatDatang() {
alert("Selamat datang di Website Kami!");
}Selanjutnya, gunakan tag <script> dengan atribut src untuk memanggil file tersebut di dalam HTML. Kode tersebut bisa kamu tempatkan sebelum penutup tag </body>.
<!DOCTYPE html>
<html>
<body>
<h2>Selamat Datang di Website Kami</h2>
<button onclick="pesanSelamatDatang()">Klik di sini</button>
<script src="script.js"></script>
</body>
</html>Dengan begitu, setiap kali tombol diklik, fungsi pesanSelamatDatang() yang berada di file script.js akan dipanggil.
Demikianlah cara dasar memanggil JavaScript di dalam HTML. Dengan memahami ini, kamu dapat melanjutkan belajar ke teknik JavaScript yang lebih kompleks. Selamat mencoba!
Link terkait: