JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

jump radius:  <input id = "jr" type="text" value = "200"> cm<br>
lip angle: <input id = "angle" type="number" value = "60"><br>
velocity:  <input id = "speed" type="text" value = "7"> m/s<br>
<br>
lip height:  <input id = "lip" type="text" value = "100"> cm<br>
distance traveled:  <input id = "range" type="text"> meters<br>
air time:  <input id = "time" type="text"> seconds<br>
height:  <input id = "height" type="text"> meters<br>
<div class="slidecontainer" style = "border: 1px solid">
ZOOM:
  <input type="range" min="0.01" max="10" value="1"  id="zoom">
</div>
<p id = "zoom"></p>
<canvas id="myCanvas" width="720" height="480" style="border:1px solid #d3d3d3;">
.</canvas>