JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<!doctype html>
<html lang="en">
<body>
  <div id="container"></div>
</body>
</html>

CSS

.btn {
  font-size: 14px;
  margin: 8px;
  padding: 0 15px;
}

JavaScript

document.addEventListener('DOMContentLoaded', function(){ 
  var button = document.createElement('input');
  button.type = 'button';
  button.id = 'submit';
  button.value = 'Submit';
  button.className = 'btn';

  button.onclick = function() {
    // ...
  };

  var container = document.getElementById('container');
  container.appendChild(button);
}, false);