A tiny logger that outputs logs to an element as <code> elements.

dom_logged.js

let logBuffer = [];

let appendText = (text) => {
  logBuffer.push(text);
}

window.addEventListener('DOMContentLoaded', () => {
  const logBox = document.getElementById('logbox');

  appendText = (text) => {
    logBox.appendChild(document.createElement('br'));
    const codeElement = document.createElement('code');
    codeElement.appendChild(new Text(text));
    logBox.appendChild(codeElement);
  };
  for (const item of logBuffer) {
    appendText(item);
  }

  logBuffer = [];
});