Assignment 11

by Taylor Zimmerman

HTML

<html>
<body>
<fieldset>
	<legend>Enter Time of Rain Fall</legend>
	<input type="textbox" id="timeInput" value = "4">
	<input type="button" value="Calculate rain percentage" onClick="Percentage();" />
	<br/>
	</fieldset>
	<fieldset>
	<legend>Results</legend>
	<div id='output'>
	</div>
	</fieldset>
</body>
</html>

JavaScript

var printRain = '';
var time;

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


function Percentage() {
  time = document.getElementById("timeInput").value;
	printRain = 'Time (Hour/s): ' + time + "<br/>";
	
  for (var i = 0; i < rainTable.length; i++){
    var rainTableNext = i + 1;
		if (i > time  && i < rainTableNext){
			midRange = rainTable[i] - rainTable[i - 1];
      var scale = 1 - (i - time);
			var value = rainTable[i - 1]
      rainPerc = value * 1 + (midRange * scale);
      rainPerc = Math.ceil(rainPerc * 100);
      printRain += 'Rain Percent: ' + rainPerc  +  "%" + "<br/>";
      break;
    }
	}
	Print();
}

function Print() {
	var d = '';
  d +=  printRain;
	document.getElementById("output").innerHTML = d;
}