JSFiddle - React, Tailwind, and code Playground

by Retsam19

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.js"></script>
<pre id="out">
  
</pre>

CSS

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

Babel + JSX

//LOG
function log(text) {
  const outEl = document.getElementById("out");
  console.log(outEl);
	const line = document.createElement("div");
  line.classList.add("out-line");
  const outText = (typeof text === "object") ? JSON.stringify(text) : text;
  line.textContent = `> ${outText}`;
	outEl.appendChild(line)
}