JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://gist.githubusercontent.com/mhogerheijde/7051105890dad5b334d95ad671d2c7b8/raw/ae2162c4d6ec217817793c613cf2c24f629ac371/SaxonJS-beta-0.9"></script>
<script src="https://hogerheijde.net/SaxonJS.min.js"></script>
<body>
  <h1 id="title">Simple form</h1>
  <div id="content">
    <form id="form1" onsubmit="doTransform(); return false;">

      <input type="number" name="fact-1" id="fact-1" form="form1" value="2" onkeyup="doTransform();" />
      <input type="number" name="fact-2" id="fact-2" form="form1" value="2" onkeyup="doTransform();" />
      
      <input type="number" name="fact-3" id="fact-3" form="form1" disabled="disabled" />
      <input type="submit" id="form1button" value="Submit" form="form1" />

    </form>
  </div>
</body>

JavaScript

window.onload = function() {
  console.log("In window.onload")
}  

const template =...