Cara Menjalankan JavaScript

Tiga cara menjalankan JavaScript

Ada tiga cara umum untuk menjalankan kode JavaScript. Kamu bebas pilih sesuai kebutuhan, tapi untuk belajar, cara pertama adalah yang tercepat.

1. Console browser

Tekan F12 di Chrome atau Firefox, buka tab Console, lalu ketik kode langsung dan tekan Enter. Cocok untuk eksperimen cepat.

2 + 3 * 4
// hasil: 14

Console juga bisa dipakai untuk melihat nilai variabel dan hasil fungsi saat debugging.

2. Tag script di HTML

Cara standar untuk website. Tulis kode di dalam tag script, atau lebih rapi lagi, simpan di file terpisah:

<!-- cara inline -->
<script>
  console.log("Halo dari HTML");
</script>

<!-- cara eksternal (disarankan) -->
<script src="app.js"></script>

File eksternal membuat HTML lebih bersih dan kode bisa dipakai ulang di banyak halaman.

3. Node.js

Node.js memungkinkan JavaScript berjalan di luar browser, misalnya di terminal. Setelah install Node.js, simpan kode di file app.js lalu jalankan dengan perintah node app.js di terminal:

// app.js
console.log("Halo dari Node.js");

Cara ini dipakai untuk backend dan tooling modern.

Catatan teknis: Letakkan tag script tepat sebelum penutup body atau tambahkan atribut defer. Kalau script dimuat sebelum HTML selesai di-parse, kode yang menyentuh elemen halaman bisa gagal karena elemennya belum ada.

Memilih cara yang tepat

Kapan pakai yang mana? Aturannya sederhana:

1. Console: eksperimen cepat, tes satu-dua baris, debugging.
2. File HTML + script: belajar DOM, membuat halaman interaktif.
3. Node.js: belajar backend, menjalankan script otomatisasi.

Untuk modul-modul awal tutorial ini, console browser sudah lebih dari cukup. Saat masuk materi DOM, beralihlah ke file HTML agar bisa melihat hasilnya di halaman.

// tips: console bisa multi-baris dengan Shift+Enter
let total = 0;
for (let i = 1; i <= 5; i++) {
  total += i;
}
console.log(total); // 15

Biasakan juga membuka tab Console saat mengembangkan web. Error JavaScript muncul di sana lengkap dengan file dan nomor barisnya, jauh lebih membantu daripada menebak-nebak kenapa halaman tidak berfungsi.

Kesimpulan

Untuk belajar modul ini, cukup pakai console browser. Nanti saat masuk materi DOM, kamu akan memakai tag script di HTML. Pilih cara yang paling nyaman dan mulai bereksperimen.