Kijaribishi cha JavaScript

Tangazo
Zana zote Bila Malipo

Andika na uendeshe JavaScript papo hapo katika sandbox salama — ona matokeo ya console, thamani za kurudi, makosa na muda bila kufungua DevTools. Bila malipo na hufanya kazi kwenye kivinjari chako.

Hufanya kazi katika iframe ya sandbox kwenye kivinjari chako — hakuna kinachotumwa kwa seva.

Bonyeza Ctrl/⌘ + Enter kuendesha
JavaScript 
1
Console
>_ Matokeo ya console yanaonekana hapa
Shiriki hii
Zana Zinazohusiana
Kificha cha JavaScript Bila Malipo
Kiformati cha Msimbo Bila Malipo
Kiformati cha JSON Bila Malipo
Kipunguzi cha Msimbo Bila Malipo
Kipimaji cha Regex Bila Malipo
Kitengenezaji cha Msemo wa Cron Bila Malipo
Kifumuaji cha JWT Bila Malipo
Kibadilishaji cha Alama ya Wakati Bila Malipo
Orodha ya ASCII / Unicode Bila Malipo
Orodha ya Aina za MIME Bila Malipo
Misimbo ya simu ya kimataifa Bila Malipo
Kigeuzaji cha cURL kuwa Msimbo Bila Malipo
Karatasi ya Maelezo ya VS Code Bila Malipo
IP Yangu ni Ipi Bila Malipo
Gawanya lahajedwali Bila Malipo
Kiunda Ikoni za Programu Bila Malipo
Kusimba / Kusimbuliwa kwa URL Bila Malipo
Kizalishaji cha Maagizo ya AI Bila Malipo
Karatasi ya Marejeleo ya React Bila Malipo
Kisafishaji cha Lahajedwali Bila Malipo
Ondoa safu zinazojirudia Bila Malipo
Kizalishi cha Vitambulisho vya Meta Bila Malipo
Kizalishi cha Nenosiri Bila Malipo
Kusimba / Kusimbuliwa kwa Base64 Bila Malipo
Unahitaji msaada?
Umepata tatizo na zana hii? Tujulishe timu yetu.
Ripoti tatizo

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.

', ].join('\n'); } function destroyFrame() { if (frame && frame.parentNode) frame.parentNode.removeChild(frame); frame = null; } function run() { const code = input.value; if (code.trim() === '') { clearConsole(); return; } // New token; any message from an older frame is now stale. runToken++; const token = runToken; // Recreate the iframe so prior state resets and runaway code is discarded. destroyFrame(); clearConsole(); ghost.style.display = 'none'; statusEl.dataset.state = 'idle'; statEl.textContent = '…'; frame = document.createElement('iframe'); frame.setAttribute('sandbox', 'allow-scripts'); frame.setAttribute('aria-hidden', 'true'); frame.style.cssText = 'position:absolute;width:0;height:0;border:0;left:-9999px;top:-9999px'; frame.srcdoc = buildSandboxDoc(code, token); document.body.appendChild(frame); } window.addEventListener('message', function (ev) { const d = ev.data; if (!d || d.__jst !== true) return; if (d.token !== runToken) return; // ignore stale frames if (d.kind === 'done') { let info = { ok: true, ms: 0 }; try { info = JSON.parse(d.text); } catch (e) {} statusEl.dataset.state = info.ok ? 'ok' : 'error'; if (info.ok) { statEl.innerHTML = tr(L.finished, { ms: nf.format(info.ms) }); } else { statEl.textContent = L.error; } if (lineCount === 0 && info.ok) ghost.style.display = 'flex'; return; } appendLine(d.kind, d.text); }); /* ---------------- controls ---------------- */ root.querySelector('[data-jst-run]').addEventListener('click', run); root.querySelector('[data-jst-clearlog]').addEventListener('click', clearConsole); root.querySelector('[data-jst-clear]').addEventListener('click', function () { input.value = ''; renderGutter(); input.focus(); }); root.querySelector('[data-jst-sample]').addEventListener('click', function () { input.value = [ "// Try editing and press Run (Ctrl/Cmd+Enter)", "const nums = [5, 2, 9, 1, 7];", "console.log('sorted:', [...nums].sort((a, b) => a - b));", "", "const user = { name: 'Ada', skills: ['math', 'code'], active: true };", "console.info(user);", "", "console.warn('heads up: this is a warning');", "", "async function ping() {", " await new Promise((r) => setTimeout(r, 50));", " return 'pong';", "}", "ping().then((v) => console.log('async →', v));", ].join('\n'); renderGutter(); run(); input.focus(); }); /* ---------------- editor behaviour ---------------- */ let autoTimer = null; input.addEventListener('input', function () { renderGutter(); if (autorunCb.checked) { clearTimeout(autoTimer); autoTimer = setTimeout(run, 600); } }); // Tab inserts a tab instead of moving focus. input.addEventListener('keydown', function (e) { if (e.key === 'Tab') { e.preventDefault(); const s = input.selectionStart, en = input.selectionEnd; input.value = input.value.slice(0, s) + '\t' + input.value.slice(en); input.selectionStart = input.selectionEnd = s + 1; renderGutter(); return; } if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') { e.preventDefault(); run(); } }); autorunCb.addEventListener('change', function () { if (autorunCb.checked) run(); }); renderGutter(); })();