JSFiddle - React, Tailwind, and code Playground

by Jeff Santos

HTML

<input type="textbox" id="time" value="" />
<input type="button" value="Enter time for rain percentage." onClick="rnPerce();" />
<br/>
<br/>
<p id='output'></p>

JavaScript

var dRtable = '';
var calc = '';
var t;

function rnPerce() {
  t = document.getElementById("time").value;


  calc = 'Time Requested: ' + t + "<br/>";
  for (var i = 0; i < rnTable.length; i++) {
    nxtPnt = i + 1;

    if (i == t) {
      calc += 'Value for ' + t + ': ' + rnTable[i] + "<br/>";
      break;
    }

    if (i > t && i < nxtPnt) {
      calc += 'Request is Between: ' + rnTable[i - 1] + ' and ' + rnTable[i] + "<br/>";
      range = rnTable[i] - rnTable[i - 1];
      scale = 1 - (i - t);


      eValue = rnTable[i - 1] * 1 + (range * scale);
      eValue = Math.ceil(eValue * 1000) / 1000;
      calc += 'Extrapolated Value: ' + eValue + "<br/>";
      break;
    }


  }

  display();
}

function display() {
  dRtable = '';

  for (var i = 0; i < rnTable.length; i++) {

    dRtable += i + '&nbsp;&nbsp;&nbsp;' + rnTable[i] + "<br/>";
  }
  d = '';
  d += "<br/>";

  d += dRtable;
  d += "<br/>";
  d += calc;


  document.getElementById("output").innerHTML = d;
}


var rnTable = [];
rnTable[0] = '0.00';
rnTable[1] = '0.04';
rnTable[2] = '0.11';
rnTable[3] = '0.60';
rnTable[4] = '0.87';
rnTable[5] = '0.95';
rnTable[6] = '1.00';

display()