JSFiddle - React, Tailwind, and code Playground

by Erik East

HTML

<h1>Module 9</h1>
<h2>Assignment 10</h2>
<p>Enter a value (0 - 6)</p>
<input type="text" id="yourNumber" />
<button onclick="GetValue()">Calculate</button>
<p id='output1'></p>
<p id='output2'></p>

JavaScript

function GetValue(){

var hour = parseFloat(document.getElementById('yourNumber').value);
var x = [0,1,2,3,4,5,6];
var y = [0,0.04,0.11,0.60,0.87,0.95,1];
var hour_floor = Math.floor(hour);
var rainfall = 0;
debugger;
 if ((!(isNaN(hour))) && (hour<6) && (hour>=0)){
  rainfall = ((x[hour_floor+1] - hour)*y[hour_floor] + (hour - x[hour_floor])*y[hour_floor+1]) / (x[hour_floor+1] - x[hour_floor]) * 100;  
  document.getElementById('output1').innerHTML = "Vaule  is: " + rainfall.toString() + "%";
   document.getElementById('output2').innerHTML = "";
 }
 else if (hour==6){
 rainfall = y[6];
 document.getElementById('output1').innerHTML = "Value is: " + rainfall.toString();
 document.getElementById('output2').innerHTML = "";
 }
 else
 {
 document.getElementById('output2').innerHTML = "Enter a value (0 - 6)";
  document.getElementById('output1').innerHTML = "";
 }
}