Assignment 3

by austinmillett

HTML

<b>Please enter a number:</b><br>
<input type="text" name="number" id="number" value="7"><br><br>
     
<input type="submit" id="btnPress" value="Guess"><br><br>

<div id="guessTheNumber"></div>

CSS

#btnPress {
  background-color: #008cba; /*Blue*/
    border: 2px solid; 
    color: black;
    padding: 20px 44px; 
    text-align: center; 
    font-size: 25px; 
}

JavaScript

var arrayOutput = new Array();


document.getElementById("btnPress").onclick = function() {submitMyNumber()};

function submitMyNumber() {
var submittedNumber = 0;
var submittedNumber = document.getElementById("number").value;

array = new Array(1000);
for (var i = 0; i < 1000; i++){
array[i] = i + 1;
}

// If else loop
if (submittedNumber > 1 && submittedNumber <= 1000) {
arrayOutput = new Array();
searchArray(array, submittedNumber);
document.getElementById("guessTheNumber").innerHTML = arrayOutput.join("<br>");
}
else {
document.getElementById("guessTheNumber").innerHTML = "You entered " + submittedNumber + " Please enter a number between 1 and 1000"
}
}

//function for the computer to search for the number
function searchNumber(array, correctNumber) {
var min = 0;
var max = array.length -1;
var times = 0;
var guess;

//while
while (min <= max) {
guess = Math.floor((max + min) / 2);

//if
 if (array[guess] == correctNumber) {
arrayOutput.push("Guessed" + array[guess] + " - Got it!");

arrayOutput.push("It took " + array[times] + " times.");
            return guess;
            }
//else if
else if (array[guess] < correctNumber) {
times++;
arrayOutput.push("Guessed" + array[guess] + "- too low.");
min = guess + 1;
}

//else
else {
times++;
arrayOutput.push("Guessed" + array[guess] + " - too high.");
max = guess - 1;
}
}return -1;
};