JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/maquette/2.4.1/maquette.min.js"></script>

JavaScript

const h = maquette.h;

var state = false;

function onButtonClick(e){
    state = ! state;
}

function render(){
  return h("body", [
      h("input", { disabled: state }),
      h("button", { onclick: onButtonClick }, "Toggle")
  ]);
}

const projector = maquette.createProjector();
projector.merge(document.body, render);