HTML Console

A really simple console that can show log results in HTML

by Retsam19

HTML

<pre id="out">
  
</pre>

CSS

#out {
  min-height: 200px;
  background-color: black;
  color: white;
}

Babel + JSX

function log(text) {
  const outEl = document.getElementById("out");
  console.log(outEl);
	const line = document.createElement("span");
  line.classList.add("out-line");
  line.textContent = `> ${text}`;
	outEl.appendChild(line)
}