Event loop demonstration

by cambraca

HTML

<textarea id="console"></textarea>

CSS

#console {
  width: 100%;
  height: calc(100vh - 20px);
}

JavaScript

// Utility to show console logs in a textarea
console.log = msg => {
  const line = window.performance.now() + "\t" + msg;
  document.getElementById('console').textContent += line + "\n";
};

// Actual code starts here
setTimeout(() => console.log('JavaScript is useful'), 100);
setTimeout(() => console.log('some people claim'), 0);
console.log('even with its many problems')