A3 Guessing Game2

by scotp71

HTML

<h1>Guessing Game</h1>
    <label for="inputNumber">Input a number: </label><br>
    <input type='text' name="inputNum" id="inputNum" class="" placeholder="a number 1-1000" />
    <button id="btEnter" class="" onclick="start()">Enter</button>
   
<div class='results' id='results'></div>

JavaScript

message = '';
count = 1;
 
function start(event){
compArray = [];
	for (var i = 0; i<=1000; i++){
  	compArray.push(i);    
  }
  num = document.getElementById('inputNum').value;
  doSearch(num);
}

function doSearch(){
 min = 0;
 max = compArray.length - 1;
 mid = Math.floor((min + max) / 2);
 guess = mid;
  while(min<=max){
  	guess = Math.floor((min+max) / 2);
  	if (guess < num){
    	//guess too low
    	message='Guessed ' + guess + ' - too low.';
      count++;
      min = guess +1;
      results = document.getElementById('results');
  		results.innerHTML = '<p>' + message + '</p>';
  	} else if (guess > num){
    	//you are too high
    	message='Guessed ' + guess + ' - too high.';
      max = guess -1;
      count++;
      results = document.getElementById('results');
 			results.innerHTML = '<p>' + message + '</p>';
  	} else if (guess == num){
    	//you are correct
    	message='Guessed ' + guess + ' - Got it! It took ' + count + ' tries.';
      results = document.getElementById('results');
  		results.innerHTML = '<p>' + message + '</p>';
      break;
  	}
 	console.log(message);
 //display message in html
  results = document.getElementById('results');
  results.innerHTML = '<p>' + message + '</p>';
  
	}
}