Menambahkan JavaScript ke dalam HTML
JavaScript adalah bahasa pemrograman yang digunakan untuk menambahkan interaktivitas dan dinamika ke situs web. Untuk menambahkan JavaScript ke dalam HTML, Anda dapat menggunakan tag <script>
. Berikut adalah beberapa cara umum untuk memasukkan JavaScript ke dalam HTML:
1. Menambahkan Script Secara Langsung dalam HTML
Anda dapat menuliskan kode JavaScript langsung di dalam tag <script>
di dalam file HTML Anda. Contoh:
Contoh JavaScript
Halo Dunia!
Kode JavaScript ini akan menampilkan pesan alert "Ini adalah alert dari JavaScript!" saat halaman dimuat.
2. Menambahkan File JavaScript External
Anda juga dapat menyimpan kode JavaScript di file terpisah dengan ekstensi .js
dan kemudian menyertakan file tersebut ke dalam HTML menggunakan tag <script>
dengan atribut src
. Contoh:
Contoh JavaScript External
Halo Dunia!
File script.js
dapat berisi kode JavaScript seperti:
alert("Ini adalah alert dari file JavaScript external!");
3. Menempatkan Tag <script>
di Berbagai Lokasi
Lokasi penempatan tag <script>
dapat memengaruhi bagaimana JavaScript dieksekusi. Ada beberapa lokasi umum:
- Di dalam
<head>
: JavaScript akan dijalankan sebelum elemen HTML lainnya dimuat. - Di akhir
<body>
: JavaScript akan dijalankan setelah semua elemen HTML dimuat.
Rekomendasi: Letakkan tag <script>
di akhir <body>
agar halaman web dimuat lebih cepat dan menghindari masalah pemuatan konten.
4. Menentukan Tipe JavaScript
Anda dapat menentukan tipe JavaScript yang digunakan dengan atribut type
pada tag <script>
. Contoh:
Namun, tipe text/javascript
sudah menjadi default, jadi Anda dapat menghilangkannya.
5. Mengatur Atribut defer
dan async
Atribut defer
dan async
dapat digunakan untuk mengatur bagaimana JavaScript dieksekusi.
defer
: JavaScript akan dieksekusi setelah halaman dimuat, tetapi sebelum eventDOMContentLoaded
.async
: JavaScript akan dieksekusi secara asinkron, tanpa menghentikan pemuatan halaman.
Kesimpulan
Menambahkan JavaScript ke dalam HTML adalah proses yang sederhana dan mudah. Dengan memahami cara menggunakan tag <script>
dan atributnya, Anda dapat menambahkan interaktivitas dan dinamika ke situs web Anda.