Assignment 3
Assignment 3
by dhizzybusy
HTML
<!DOCTYPE html>
<html lang="en-US">
<head>
<title> Search Numbers</title>
<meta charset="utf-8">
</head>
<center>
<h1>
Between 1 and 1000
</h1>
<body>
<strong>Enter Number Between 1 and 1000</strong>
<br><br/>
<input type ="textbox" id="search" value = ""/>
<br><br>
<input type="button" value ="Search Array"
onClick ="numberSearch();">
<br/>
<br/>
<div id="output">
</div>
</body>
</center>
</html>
JavaScript
var d = ""; //Global string for output
var array=[];
var count=1;
function clearDisplay()
{
//Global string d is used to hold display
d = "";
// The div element named output is used to display output
document.getElementById("output").innerHTML = "";
}
function numberSearch ()
{
var searchNumber = parseInt(document.getElementById("search").value);
clearDisplay();
if (searchNumber <= 1 || searchNumber >= 1000)
{
d="Please enter a number between 1 and 1000.";
document.getElementById("output").innerHTML =d;
}
else{
for (var i =1;i < 11; i++)
{
array.push(i);
}
var start = 1;
var stop = 1000;
var middle = Math.floor((start + stop) / 2);
var guess = searchNumber;
if (middle == guess)
{
d= ("Guess is : " + middle +"Got it !" + "<br/>" +"It took me"+ count +"tries");
document.getElementById("output").innerHTML =d;
}
else
{
while (middle != guess)
{
if (middle < guess)
{
d= d+ ("Guess is : "+ middle +" too low"+"<br/>");
document.getElementById("output").innerHTML =d;
start = middle + 1;
middle = Math.floor((start + stop) / 2);
}
else if (middle > guess)
{
d= d+ ("Guess is : "+ middle +" too high" +"<br/>");
document.getElementById("output").innerHTML =d;
stop = middle - 1;
middle = Math.floor((start + stop) / 2);
}
console.log("New bounds:" + start + '-' + stop);
console.log("New middle:" + middle);
count= count + 1;
}
d=d+ ("Guess is : " + middle +" Got it !" + "<br/>" +"It took me "+ count +" tries");
document.getElementById("output").innerHTML =d;
count= 1;
...