JSFiddle - React, Tailwind, and code Playground

by phsiao2000

HTML

<input id="in"><br>
denominator<br>
<input id="den" value="8"><br>

<p>ratio</p>
<p id="ratio"></>
<p>console</p>
<p id="console"></>
<p>out</p>
<p id="out"></>

JavaScript

$("#in").keyup(function(event) {
  var val = $("#in").val();
  var frac = val;
  $("#out").text(parseFloat(frac));
  var den = $("#den").val();
  var n = Math.round(frac*den);
  $("#console").text(n);
  var rat = n + "/" + den;
  $("#ratio").text(rat);
});