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
JavaScript adalah bahasa pemrograman yang populer dan sering digunakan dalam pengembangan web, terutama dalam penciptaan interaktif dan dinamis di sebuah website. Menggabungkan JavaScript dengan HTML adalah salah satu langkah yang perlu dilakukan untuk membuat situs web lebih interaktif. Berikut adalah cara sederhana untuk menggabungkan JavaScript dengan HTML.
Sebelum menggabungkan JavaScript dengan HTML, pertama-tama kamu perlu menulis kode JavaScript. Kamu bisa menulis kode JavaScript langsung di dalam sebuah file HTML atau di dalam sebuah file dengan ekstensi .js yang terpisah.
function contohFungsi() {
alert('Hello, ini adalah contoh fungsi!');
}Terdapat dua cara yang biasanya digunakan untuk menempatkan kode JavaScript dalam dokumen HTML, yaitu dengan menempatkannya langsung di dalam elemen script atau dengan merujuk ke file JavaScript eksternal.
Kamu bisa menempatkan kode JavaScript langsung di dalam elemen HTML script. Elemen script ini biasanya diletakkan di dalam elemen head atau body. Berikut ini adalah contoh cara menempatkannya:
<!DOCTYPE html>
<html>
<body>
<h2>Contoh Menggabungkan JavaScript dengan HTML</h2>
<button onclick="contohFungsi()">Klik saya</button>
<script>
function contohFungsi() {
alert('Hello, ini adalah contoh fungsi!');
}
</script>
</body>
</html>Selain itu, kamu juga bisa merujuk ke file JavaScript eksternal dengan cara menulis path atau alamat file JavaScript tersebut di dalam atribut src dari elemen script.
<!DOCTYPE html>
<html>
<body>
<h2>Contoh Menggabungkan JavaScript dengan HTML dengan cara eksternal</h2>
<button onclick="contohFungsi()">Klik saya</button>
<script src="contoh.js"></script>
</body>
</html>Selesai. Sekarang kamu sudah mengetahui cara sederhana menggabungkan JavaScript dengan HTML. Dengan langkah-langkah ini, kamu bisa membuat situs web yang lebih interaktif dan dinamis menggunakan JavaScript.
Link terkait: