Menambahkan JavaScript ke dalam HTML

Buatlah Berkas HTML

Pertama, buatlah berkas HTML baru atau gunakan yang sudah ada.

Tambahkan Tag <script>

Letakkan tag <script> di dalam elemen <head> atau <body> berkas HTML Anda. Tag <script> digunakan untuk memasukkan kode JavaScript ke dalam halaman HTML. Contoh:

<!DOCTYPE html>
<html>
<head>
   <title>Contoh JavaScript</title>
   <script>
       // Tempatkan kode JavaScript Anda di sini
       function halo() {
           alert('Halo, dunia!');
       }
   </script>
</head>
<body>
   <button onclick="halo()">Klik Saya</button>
</body>
</html>

Di contoh di atas, kita menempatkan fungsi JavaScript halo() dalam tag <script> di dalam elemen <head>.

Gunakan Kode JavaScript

Anda dapat menggunakan kode JavaScript di berbagai bagian halaman HTML. Dalam contoh di atas, kita menggunakan fungsi halo() dengan mengklik tombol.

Eksternal JavaScript (Opsional)

Jika kode JavaScript Anda cukup besar, lebih baik memisahkannya ke dalam berkas eksternal. Buat berkas JavaScript terpisah (misalnya, script.js) dan tautkan ke berkas HTML dengan tag <script> seperti ini:

<script src="script.js"></script>

Isi berkas script.js dengan kode JavaScript Anda.

Demikian tutorial singkat tentang cara menambahkan JavaScript ke dalam HTML. Anda dapat menggabungkan kode JavaScript dengan HTML sesuai dengan kebutuhan proyek Anda. Jangan lupa untuk memasukkan kode JavaScript di antara tag <script>, baik di dalam elemen <head> atau <body>.

PREVIOUS
NEXT