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:
Dalam dunia pengembangan web, JavaScript dan HTML adalah alat penting yang perlu dikuasai oleh setiap pengembang. Melalui artikel ini, Kamu akan belajar bagaimana menggunakan JavaScript dalam HTML dan membuat situs web Kamu lebih interaktif dan dinamis.
Cara termudah untuk menambahkan kode JavaScript ke halaman HTML Kamu adalah dengan menggunakan tag ”” untuk memastikan bahwa seluruh halaman dimuat terlebih dahulu sebelum script dijalankan.
Contoh penggunaan:
<!DOCTYPE html>
<html>
<body>
<h1>Contoh Halaman HTML</h1>
<p>Paragraf pertama.</p>
<script>
alert("Ini adalah pesan JavaScript!");
</script>
</body>
</html>Di sini, fungsi alert() adalah fungsi JavaScript yang akan menampilkan kotak pesan pop-up kepada pengguna. Teks dalam tanda kurung merupakan pesan yang akan ditampilkan.
Ketika Kamu bekerja dengan kode JavaScript yang lebih besar, lebih baik untuk meletakkan kode tersebut dalam file terpisah. Hal ini bisa membuat kode Kamu lebih rapi dan mudah dibaca.
Untuk melakukannya, Kamu cuk buat file baru dengan ekstensi “.js” dan menulis kode JavaScript Kamu di sana. Kemudian, dengan tag ”
Contoh penggunaan:
<!DOCTYPE html>
<html>
<body>
<h1>Contoh Halaman HTML</h1>
<p>Paragraf pertama.</p>
<script src="scriptku.js"></script>
</body>
</html>JavaScript juga memungkinkan Kamu untuk mengeksekusi kode berdasarkan peristiwa tertentu, seperti saat pengguna mengklik tombol atau saat halaman selesai dimuat. Ini dapat dilakukan dengan menambahkan atribut “on event” ke elemen HTML Kamu, yang nilai dari atribut ini adalah fungsi JavaScript yang Kamu ingin jalankan.
Contoh penggunaan:
<!DOCTYPE html>
<html>
<body>
<button onclick="alert('Kamu mengklik tombol!')">Klik Saya!</button>
</body>
</html>Dalam contoh di atas, saat tombol di-klik, fungsi alert() akan dijalankan dan menampilkan pesan “Kamu mengklik tombol!“.
Dengan memahami cara menggunakan JavaScript dalam HTML, Kamu telah melangkah lebih jauh dalam perjalanan Kamu menjadi pengembang web yang handal. Selanjutnya, Kamu bisa mulai belajar tentang DOM (Document Object Model) untuk memanipulasi elemen HTML dengan JavaScript secara lebih lanjut.
Link terkait: