Januari 02, 2026

Cara Menjalankan JavaScript di Browser (Panduan Lengkap untuk Pemula)

JavaScript adalah bahasa pemrograman yang langsung dijalankan oleh browser. Artinya, kamu tidak perlu menginstal software rumit untuk mulai belajar JavaScript. Cukup browser seperti Google Chrome, Firefox, atau Edge, kamu sudah bisa menulis dan menjalankan JavaScript.

Pada artikel ini, kita akan membahas berbagai cara menjalankan JavaScript di browser, mulai dari yang paling dasar hingga yang sering digunakan dalam pengembangan website.

1. Menjalankan JavaScript Menggunakan <script> di HTML

Cara paling umum dan paling dasar adalah menggunakan tag <script> di dalam file HTML.

Contoh:

Html

<!DOCTYPE html>
<html>
<head>
  <title>Belajar JavaScript</title>
</head>
<body>

<h1>Hello JavaScript</h1>

<script>
  alert("JavaScript berhasil dijalankan!");
</script>

</body>
</html>

Penjelasan:

Kode JavaScript ditulis di dalam tag <script>
Browser akan langsung mengeksekusi JavaScript saat halaman dimuat

✅ Cocok untuk pemula

❌ Kurang rapi jika kode JavaScript sudah banyak

2. Menjalankan JavaScript Menggunakan File .js (External JavaScript)

Ini adalah cara terbaik dan paling direkomendasikan.

Contoh file script.js

JavaScript

alert("Halo dari file JavaScript!");

Hubungkan ke HTML:

Html

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

Keuntungan:

Kode lebih rapi dan terstruktur
Mudah dikelola
Digunakan di hampir semua website profesional

3. Menjalankan JavaScript di Browser Console (Developer Tools)

Browser memiliki Console untuk menjalankan JavaScript secara langsung.

Cara membuka Console:

Windows / Linux: Ctrl + Shift + I
Mac: Cmd + Option + I
Pilih tab Console

Contoh:

JavaScript

console.log("Hello JavaScript");

Tekan Enter, dan hasilnya langsung muncul.

✅ Sangat cocok untuk belajar dan testing

✅ Digunakan oleh developer profesional

4. Menjalankan JavaScript Menggunakan Attribute HTML

JavaScript juga bisa dijalankan melalui event HTML, seperti onclick.

contoh:

Html

<button onclick="alert('Tombol diklik!')">
  Klik Saya
</button>

Penjelasan:

JavaScript dijalankan saat event terjadi
Biasanya digunakan untuk interaksi sederhana

❌ Tidak direkomendasikan untuk proyek besar

5. Menjalankan JavaScript Saat Halaman Selesai Dimuat

Agar JavaScript dijalankan setelah halaman siap, gunakan DOMContentLoaded.

Html

<script>
document.addEventListener("DOMContentLoaded", function() {
  console.log("Halaman sudah siap");
});
</script>

📌 Penting agar JavaScript tidak error karena elemen HTML belum tersedia.

6. Menggunakan defer dan async

defer

Html

JavaScript dijalankan setelah HTML selesai diproses
Sangat direkomendasikan

async

Html

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

JavaScript dijalankan secara asynchronous
Cocok untuk script pihak ketiga (iklan, analytics)

7. Mengecek Hasil JavaScript dengan console.log()

Daripada alert, developer biasanya menggunakan:

JavaScript

console.log("Ini pesan debug");

Hasilnya bisa dilihat di Console Browser.

Kesimpulan

Berikut ringkasan cara menjalankan JavaScript di browser:

Cara <script> di HTML cocok untuk Belajar dasar

Cara File .js cocok untuk Website profesional

Cara Console Browser untuk Testing & belajar

Cara Event HTML cocok untuk Interaksi sederhana

Cara defer cocok untuk Praktik terbaik

👉 Untuk pemula, disarankan:

1. Mulai dari <script>

2. Lanjut ke file .js

3. Biasakan menggunakan Console