Kalau lo baru terjun ke dunia coding, pasti sering denger tentang HTML dan JavaScript. Nah, di artikel ini, kita bakal bahas beberapa elemen penting yang sering dipake di HTML buat nyatuin JavaScript. Cus, langsung aja!
1. The HTML <script> Tag
Tag <script> ini tuh jembatan antara HTML dan JavaScript. Dengan tag ini, lo bisa masukin kode JavaScript langsung ke dalam halaman web. Ada dua cara buat pake <script>:
• Internal JavaScript: Kode JavaScript langsung ditulis di dalam tag <script>.
<script> alert("Halo, dunia!"); </script>Hasilnya:
• External JavaScript: Kode JavaScript dipisah di file lain, misalnya script.js, lalu dihubungkan dengan tag <script>.
<script src="script.js"></script>Gampang, kan? Dengan cara ini, lo bisa bikin kode lebih rapi dan mudah dikelola!
2. A Taste of JavaScript
JavaScript itu bahasa pemrograman yang bikin website lo jadi lebih interaktif dan dinamis. Berikut contoh simpel biar lo dapet gambaran:
<button onclick="sayHello()">Klik Aku!</button>
<script>
function sayHello() {
alert("Halo, Sobat Ngoding!");
}
</script>Hasilnya:
Jadi, pas tombol diklik, bakal muncul pop-up yang nyapa lo. Simpel tapi keren, kan?
3. The HTML <noscript> Tag
Nah, ada kondisi di mana JavaScript bisa mati atau nggak didukung browser. Buat itu, ada <noscript>. Ini berfungsi buat nampilin pesan atau konten alternatif kalau JavaScript nggak jalan.
<noscript>
<p>Maaf, browser kamu nggak support JavaScript. Beberapa fitur mungkin nggak bisa digunakan.</p>
</noscript>Jadi kalau JavaScript-nya mati, user tetap bisa dapet info dari halaman web lo.
4. HTML Script Tags
Selain <script> dan <noscript>, ada beberapa atribut penting yang bisa lo pakai buat optimasi loading script di halaman web:
async: Script bakal dieksekusi tanpa nunggu HTML selesai dimuat.defer: Script bakal dijalanin setelah HTML selesai dimuat.
Contohnya:
<script src="script.js" async></script>atau
<script src="script.js" defer></script>Pilih yang sesuai sama kebutuhan lo buat optimasi performa website!
Kesimpulan
HTML dan JavaScript tuh ibarat sahabat sejati di dunia web. Dengan tag <script>, <noscript>, dan berbagai atributnya, lo bisa bikin website yang lebih kece dan interaktif. Semoga artikel ini ngebantu lo yang lagi belajar! Gaskeun ngodingnya! 🚀
Komentar