Interpolation

Assignment 11

by Alan Harris

HTML

<label>Enter a number between 0 and 6.</label><br><br>
<input id="input"type=textbox><br><br>
<button onclick="interpolate();">Start</button>
<br>

<div id="output">

</div>

CSS

button:focus {
  border: 1px solid black;
  padding: 4px 4px;
}

button {
    background-color: grey;
    border: 1px solid black;
    color: white;
    padding: 4px 8px;
    text-decoration: none;
    margin: 4px 2px;
    }
 button:hover {
   background-color:black;
 }

JavaScript

var arr = [
0.00, 0.04,
0.11,0.60,
0.87,0.95,
1.00
];

function interpolate() {
	var s = "";
	var n = document.getElementById("input").value;
  if (n < 0.00 || n > 6.0) {
    s += "Please enter a number between 0 and 6 and press Start.";
    document.getElementById("output").innerHTML = s;
  }
  else {
  
    var y1 = Math.floor(n);
    var y2 = Math.ceil(n);
    
    var step1 = arr[y2] - arr[y1];
    
    var step2 = n - y1;
    
    var step3 = step1 * step2;
    var step4 = arr[y1] + step3;
    
      s += "Total: " + step4.toPrecision(2);
      document.getElementById("output").innerHTML = s;
  
  
  //	s += "total: ";
   // document.getElementById("output").innerHTML = s;
    
  }
}