JSFiddle - React, Tailwind, and code Playground

by velo_ninja

HTML

<html>
    <head>
        <script>
        document.addEventListener("DOMContentLoaded", function() {

var alphabet = 'abcdefghijklmnopqrstuvwxyz'.split('');
var catalogue = document.createElement('div');
catalogue.id = 'catalogue';
document.body.appendChild(catalogue);
for (var i = 0; i < alphabet.length; i++) {
  var letter = document.createElement('div');
  letter.className = 'letter';
  letter.innerHTML = alphabet[i];
  catalogue.appendChild(letter);
}

var letters = document.getElementsByClassName('letter');
for (var i = 0; i < letters.length; i++) {
  letters[i].style.display = 'inline-block';
  letters[i].style.fontSize = '20px';
  letters[i].style.fontFamily = 'monospace';
  letters[i].style.fontWeight = 'bold';
  letters[i].style.color = 'red';
  letters[i].style.backgroundColor = 'black';
  letters[i].style.padding = '10px';
  letters[i].style.margin = '5px';
  letters[i].style.borderRadius = '5px';
  letters[i].style.cursor = 'pointer';
}

var catalogue = document.getElementById('catalogue');
var message = document.createElement('div');
message.id = 'message';
document.body.appendChild(message);
catalogue.addEventListener('click', function(event) {
  if (event.target.className === 'letter') {
    message.innerHTML += event.target.innerHTML;
  }
});

var confirm = document.createElement('div');
confirm.id = 'confirm';
confirm.innerHTML = 'confirm';
confirm.style.display = 'inline-block';
confirm.style.fontSize = '20px';
confirm.style.fontFamily = 'monospace';
confirm.style.fontWeight = 'bold';
confirm.style.color = 'red';
confirm.style.backgroundColor = 'black';
confirm.style.padding = '10px';
confirm.style.margin = '5px';
confirm.style.borderRadius = '5px';
confirm.style.cursor = 'pointer';
document.body.appendChild(confirm);

var backspace = document.createElement('div');
backspace.id = 'backspace';
backspace.innerHTML = 'backspace';
backspace.style.display = 'inline-block';
backspace.style.fontSize = '20px';
backspace.style.fontFamily =...