JSFiddle - React, Tailwind, and code Playground

by chriswft

HTML

<!doctype html>
<html>

  <head>
  </head>

  <body>
    <table>
      <tr>
        <td><label id="leastLbl">Least</label></td>
        <td><textarea style="width:400px; height: 100px;" id="least"></textarea></td>
      </tr>
      <tr>
        <td><label id="mostLbl">Most</label></td>
        <td><textarea style="width:400px; height: 100px;" id="most"></textarea></td>
      </tr>
    </table>
    <p id="output"></p>
  </body>

</html>

JavaScript

var least = document.getElementById('least');
var leastVal = 0;
var most = document.getElementById('most');
var mostVal = 0;

var output = document.getElementById("output");

most.onkeyup = function() {
	leastObj = JSON.parse(least.value);
  mostObj = JSON.parse(most.value);
	output.innerHTML = mostObj.cmt - leastObj.cmt;
}