Cara Penulisan Kode Program JavaScript Dalam Dokumen HTML

Halo semua. Pada artikel kali ini saya akan mengajarkan cara penempatan kode program JavaScript yang baik pada dokumen HTML. JavaScript adalah bahasa pemrograman yang dapat disisipkan di dalam dokumen HTML, fungsinya sendiri adalah untuk memberikan sifat terhadap website sehingga menjadi lebih interaktif. Nah, terkadang kita sebagai developer website masih belum tahu bagaimana cara menempatkan kode program JavaScript yang ideal.

Pada umumnya, kode program JavaScript dapat diletakan disemua tempat, misalnya di dalam tag <head> atau di paling bawah sebelum tag penutup </html>. Nah, berikut adalah cara-cara menempatkan kode program yang baik dalam dokumen HTML, cekidot:

1. Cara penulisan kode program JavaScript di dalam tag (<head></head>)

Cara penulisan ini dimana Kode JavaScript ditulis di dalam tag <script></script> dan diletakan di dalam tag <head></head>. Kelemahan cara penulisan ini adalah program JavaScript akan diproses terlebih dahulu oleh browser sebelum tag-tag HTML di dalam <body>.

Contoh:

2. Cara Penulisan kode program JavaScript di akhir sebelum tag penutup </html>

Cukup banyak programmer yang menyarankan untuk menggunakan cara penulisan ini. Sama dengan cara penulisan pertama, kode program JavaScript tetap ditulis di dalam tag <script></script>. Namun, cara penulisan seperti banyak yang bilang kurang profesional.

Contoh:

3. Cara penulisan menggunakan Fungsi Event Onload.

Cara ini paling disarankan. Keuntungannya adalah program JavaScript akan menunggu sampai tag-tag HTML diproses terlebih dahulu oleh browser, sehingga JavaScript bisa menggunakan tag HTML sebagai objek untuk menjalankan beberapa fungsi JavaScript.

Contoh: