Cara Menjalankan JavaScript: Console, Node.js, dan HTML

Tiga tempat JavaScript berjalan

JavaScript tidak berjalan sendirian: ia butuh lingkungan host yang memahami bahasa ini. Di 2026, ada tiga host yang benar-benar akan kamu pakai:

• Browser. Setiap browser punya engine JavaScript (V8 di Chrome dan Edge, SpiderMonkey di Firefox, JavaScriptCore di Safari). Tempel kode ke DevTools dan kode itu langsung berjalan.
• Node.js. Runtime mandiri yang membuat JavaScript bisa berjalan di luar browser: dari terminal, di server, di dalam alat build.
• Playground online dan widget editor (seperti yang ada di halaman ini). Di balik layar, ini hanyalah salah satu dari yang di atas, dibungkus dalam antarmuka web.

Bahasanya sama di mana-mana. Yang berbeda adalah apa yang bisa dijangkau kodenya: browser memberimu document dan window, Node memberimu sistem file dan jaringan. Mulailah dari yang paling mudah untuk situasimu; kamu bisa berpindah kapan saja.

Pilihan 1: console browser

Cara tercepat menjalankan sebaris JavaScript adalah console DevTools di browser. Buka halaman web apa saja, tekan F12 (atau Cmd+Option+I di Mac), klik tab Console, lalu ketik:

console.log("Hello from the console");
2 + 2;

Tekan Enter setelah setiap baris. Console mencetak nilai kembalian ekspresi dan apa pun yang kamu kirim ke console.log. Kamu bisa mendefinisikan variabel, memanggil fungsi, dan memeriksa halaman yang sedang dibuka: document.title memberimu judul tab saat ini.

Console sangat cocok untuk:

• Mencoba potongan kode dalam dua detik.
• Mengutak-atik DOM situs yang sedang berjalan.
• Debug kode yang sudah berjalan di sebuah halaman.

Apa yang kamu ketik di console hilang saat tab ditutup. Untuk apa pun yang ingin kamu simpan, pakai file.

Pilihan 2: tag <script> di file HTML

Untuk menjalankan JavaScript sebagai bagian dari halaman web, taruh kodenya di file HTML. Simpan ini sebagai index.html lalu klik dua kali untuk membukanya di browser, atau tempel ke editor HTML online:

<!doctype html>
<html>
  <body>
    <h1 id="title">Loading...</h1>
    <script>
      document.getElementById("title").textContent = "Hello from a script";
      console.log("Script ran");
    </script>
  </body>
</html>

Tag <script> memberi tahu browser "jalankan ini sebagai JavaScript." Kodenya punya akses ke halaman tempat ia disisipkan, jadi document.getElementById(...) bisa menjangkau <h1> di atasnya. Buka DevTools untuk melihat output console.log.

Untuk kode yang lebih dari beberapa baris, pindahkan ke file terpisah lalu hubungkan:

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

Letakkan tag <script> di dekat akhir <body>, atau tambahkan defer, supaya ia berjalan setelah HTML halaman selesai di-parse. Penjelasan tentang module script dan urutan pemuatan ada di bab Modules.

Pilihan 3: Node.js dari terminal

Saat kamu ingin JavaScript tanpa browser, misalnya script yang mengganti nama file, server kecil, atau pekerjaan olah data singkat, pakai Node.js. Install dari nodejs.org (pilih versi LTS), lalu pastikan sudah berfungsi:

node --version

Simpan sebuah file sebagai script.js:

const name = "Rosa";
const items = [1, 2, 3, 4];
const total = items.reduce((sum, n) => sum + n, 0);

console.log(`Hello, ${name}`);
console.log("Total:", total);

Lalu dari folder yang sama, jalankan:

node script.js

Output langsung tercetak di terminal. Tanpa HTML, tanpa browser, tanpa proses build. Begitulah sebagian besar pengembangan JavaScript "sungguhan" di luar browser terjadi; Node juga menjalankan alat-alat (bundler, test runner, linter) yang mengelilingi proyek browser.

Kamu juga bisa menjalankan Node tanpa file sama sekali. Ketik saja node lalu tekan Enter: kamu mendapat prompt interaktif (REPL) yang menjalankan setiap baris saat kamu mengetiknya. Praktis untuk mencoba-coba, seperti console browser tapi di terminal.

Pilihan 4: editor di halaman ini

Setiap blok editor-javascript di Coddy adalah editor langsung. Edit kodenya, tekan Jalankan, lihat output-nya. Ini pilihan yang paling ramah selama kamu belajar: tanpa install, tanpa setup, tanpa berpindah-pindah tab:

const greet = (name) => `Hello, ${name}`;

console.log(greet("world"));
console.log(greet("JavaScript"));

Ganti "world" dengan namamu lalu jalankan lagi. Itulah seluruh siklus umpan baliknya: edit, jalankan, baca output-nya. Sebagian besar tutorial ini dirancang di sekitar siklus itu.

Mana yang sebaiknya kamu pakai?

Pilih yang cocok dengan apa yang sedang kamu kerjakan:

• Mencoba satu baris kode, atau memeriksa halaman yang sedang berjalan: console browser.
• Membuat sesuatu yang ada halaman webnya: file HTML dengan tag <script>.
• Menulis script, alat, atau server: Node.js dari terminal.
• Mengikuti tutorial ini: blok editor di sini.

Beberapa hal yang sering menjebak pemula:

• Kode di Node.js tidak punya document atau window. Keduanya milik browser. Memanggil document.getElementById(...) di Node akan melempar ReferenceError: document is not defined.
• Kode di browser tidak punya akses ke sistem file-mu. Browser mengurung halaman di sandbox demi keamanan. Kalau kamu ingin membaca file lokal, itu wilayah Node.
• console.log berfungsi di ketiganya. Ia adalah cara universal untuk "mencetak sesuatu" di JavaScript.

Script untuk memastikan semuanya beres

Jalankan ini di lingkungan mana pun yang kamu pilih. Kalau kamu melihat tiga baris output, kamu siap untuk halaman berikutnya:

console.log("1. JavaScript is running");

const year = new Date().getFullYear();
console.log(`2. The year is ${year}`);

const doubled = [1, 2, 3].map((n) => n * 2);
console.log("3. Doubled:", doubled);

Tiga fitur dalam satu potongan kode: console.log, object bawaan Date, dan method array dengan arrow function. Kamu akan berkenalan dengan masing-masing secara lengkap di bab-bab berikutnya.

Berikutnya: sintaks dan titik koma

Sekarang kodenya sudah benar-benar berjalan di suatu tempat, pertanyaan berikutnya adalah seperti apa sintaks JavaScript: pernyataan, ekspresi, dan perdebatan abadi soal perlu tidaknya titik koma di akhir setiap baris. Itulah berikutnya.