Counter
0
+1
.card { font-family: system-ui; padding: 1em; } output { font-size: 3em; display: block; }
const count = document.getElementById('count'); document.getElementById('add').onclick = () => { count.textContent = +count.textContent + 1; console.log('count is now', +count.textContent); };
data-layout="left" data-theme="dark" data-show-console="true" data-title="Counter"
data-layout="tabs" data-tab="js" data-height="350"
data-editors="html js" (the CSS starts collapsed) data-layout="right"
data-editors="" (every editor starts collapsed) data-height="250"
A loop that never ends (stopped after data-loop-timeout="1000")
console.log('Starting a loop that never ends...'); let count = 0; while (true) { count++; } console.log(`The loop was stopped after ${count.toLocaleString()} passes.`);