assignment 3 computer guessing

by austinmillett

HTML

<div id="form-array">    
    <form>
        Number:<br>
            <input type="text" name="number" id="number" value="7"><br><br>
    </form>       
    <input type="submit" id="click" value="Guess"><br><br>
</div>
<div id="guess-results"></div>

CSS

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

JavaScript

var outputarray = new Array();
//when 'Guess' is clicked call myFormSubmit function
document.getElementById("click").onclick = function() {myFormSubmit()};
//form function called and stores form input as variables
function myFormSubmit() {
    var number_entered = 0;
    var number_entered = document.getElementById("number").value;
    
    array = new Array(1000);
    for (var i=0; i < 1000; i++){// fill array with numbers 1-1000
      array[i] = i+1; 
    } //document.getElementById('test').innerHTML = array;

    //call array function and display it in the updated array div
    if (number_entered > 1 && number_entered <= 1000) {
      outputarray = new Array();
      doSearch(array, number_entered);
      document.getElementById('guess-results').innerHTML = outputarray.join("<br>");
    }
    else {
      document.getElementById('guess-results').innerHTML = "You entered " + number_entered + " Please enter a number between 1 and 1000"
    }
}

//var doSearch = function(array, targetValue) {
function doSearch(array, targetValue) {
    var min = 0;
    var tries = 0;
    var max = array.length - 1;
    var guess;

    while(min <= max) {
        guess = Math.floor((max + min) / 2);
        
        if (array[guess] == targetValue) {
            outputarray.push("Guessed "+ array[guess] + " - Got it!");
            outputarray.push("It took " + array[tries] + " tries.");
            return guess;
        }
        else if (array[guess] < targetValue) {
            tries++;
            outputarray.push("Guessed " + array[guess] + " - too low.");
            //console.log(" too low " + array[guess]);
            min = guess + 1;
        }
        else {
            tries++;
            outputarray.push("Guessed " + array[guess] + " - too high.");
            //console.log(" too high " + array[guess]);
            max = guess - 1;
        }
    } return -1;
};