JSFiddle - React, Tailwind, and code Playground

by leiperte

HTML

Determine Rainfall Amount <br/>
<input type="textbox" id="hour" />
<input type="button" id="amount" value="Determine" onClick="determine()" />
<div id="output">

</div>

JavaScript

//Assignment 11

function determine() {
  var hour = document.getElementById("hour").value;

  if (hour == 0) {
    document.getElementById("output").innerHTML = "It didn't start raining yet.";
  } else if (hour < 0 && hour > 6) {
    document.getElementById("output").innerHTML = "Enter a number between 0 & 6.";
  }

  for (var i = 0; i <= 6; i++) {
    var rainfall = [0.00, 0.04, 0.11, 0.60, 0.87, 0.95, 1.00];
    var display;
    if (i == hour) {
     	display = rainfall[i];
      document.getElementById("output").innerHTML = display;
    } else {
      //Interpolation calculations??
      document.getElementById("output").innerHTML = ;
   } 
  }
}