JSFiddle - React, Tailwind, and code Playground

by richcon

CSS

pre {
  border: 1px solid #666;
  background: white;
  color: #444
}

JavaScript

var animals = ["Monkey", "Giraffe", "Platypus"];
document.body.innerHTML = `
  <h1>Animals:</h1>
  <ul>${animals.map(animal => `
    <li>${animal}</li>
  `).join("")}</ul>
  <pre></pre>
`;

document.querySelector('pre').textContent = document.body.innerHTML;