Langsung ke konten
ToolMug

JavaScript Runner

Ketik atau tempel JavaScript lalu jalankan di sandbox terisolasi. Lihat nilai ekspresi terakhir, output console, dan error dengan cepat saat menguji potongan kode.

Berjalan di browser Anda — tidak ada yang Anda masukkan yang diunggah

Ctrl+Enter / ⌘+Enter

Konsol

Output dari console.log muncul di sini.

Berjalan di worker terpisah: tanpa DOM (document, window), tetapi fetch, timer, JSON, Intl, dan bawaan lain tetap berfungsi.

Cara menggunakan

  1. Ketik atau tempel kode JavaScript.
  2. Klik Jalankan dan baca nilai hasil serta output console.
  3. Periksa nomor baris dan pesan bila terjadi error, lalu ubah kode dan jalankan lagi.

Penjelasan opsi

Sandbox
Kode berjalan terisolasi tanpa akses ke data situs ini dan tidak dapat membaca atau mengubah penyimpanan halaman.
Console
console.log, console.warn, dan console.error ditampilkan bersama output dan error yang tidak tertangkap.
Data
Kode tidak diunggah. Hindari menjalankan kode yang tidak Anda pahami, terutama jika mengambil data dari jaringan.

Yang dicetak

Hanya yang Anda kirim ke konsol yang muncul di keluaran. Nilai baris terakhir tidak ditampilkan seperti di konsol browser, jadi bungkus dengan console.log. Pencetakan mengikuti gaya Node.js: array dan objek diperluas, string di dalamnya diberi tanda kutip, dan placeholder %s dan %d diisi dari argumen berikutnya.

console.log([1, 2, 3].map((n) => n * n));
console.log('%s is %d years old', 'Ada', 36);
console.log({ name: 'Ada', tags: ['a', 'b'] });
const data = await fetch('https://example.com/').then((r) => r.status);
console.log(data);

Tiga baris pertama mencetak [ 1, 4, 9 ], Ada is 36 years old, dan { name: "Ada", tags: [ "a", "b" ] }. Dua baris terakhir memerlukan koneksi jaringan dan mencetak status HTTP permintaan tersebut. Batas waktu dapat diatur ke 5, 10, 30, atau 60 detik; saat batas tercapai, eksekusi dihentikan dan sebuah pesan menyatakannya.

Pertanyaan yang sering diajukan

Apakah kode dapat mengakses DOM halaman?

Tidak. Runner memakai sandbox terpisah; gunakan HTML Playground bila membutuhkan pratinjau HTML, CSS, dan JavaScript.

Mengapa fetch saya gagal?

Permintaan jaringan dapat dibatasi oleh CORS atau sandbox. Endpoint harus mengizinkan akses dari browser.

Apakah hasil eksekusi disimpan?

Tidak. Kode dan console hanya ada selama halaman dibuka.

Privasi

Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.

Alat terkait