title: docusaurus - trying to implement an on-page calculation tool
body: <p>I would like to implement an on-page calculation tool into one of my docusaurus articles - I'm not a super coder so I'm sticking to basic html using <code>form</code>, <code>input</code> and <code>output</code>.</p>
  <p>currently looks like this</p>
  <pre><code>&lt;form oninput=&quot;x.value=parseInt(a.value)*10&quot;&gt;
      &lt;p&gt;Use this tool to calculate your conviction voting settings&lt;/p&gt;
      &lt;input id=&quot;a&quot; type=&quot;number&quot;/&gt;
      &lt;output name=&quot;x&quot; for=&quot;a&quot;&gt;&lt;/output&gt;
  &lt;/form&gt;
  </code></pre>
  <p>the input box shows up fine however output does not show at all, is there something I'm missing from the element attributes or is it something with how react deals with this that is causing the output not to show up?</p>