JSFiddle - React, Tailwind, and code Playground

by Erik East

HTML

<h2>Module 02</h2>
<h3>Assignment 01</h3>

<input type="button" value="Activate Game" onClick="activateGame();" />
<p>Pick a number (1-1000):
    <input style="width:50px;" type="textbox" id="number" value="6"/>
</p>
<input style="margin-bottom: 20px;" type="button" value="Guess!" onClick="startGuessing();" />
<div id="guess"></div>

JavaScript

var array = [];
var guessarray = [];
var d = "";
var count = 0;
var number = "";
var guess = "";
var min = 0;
var max = 1000;

function activateGame() {

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

function startGuessing() {
    var number = parseInt(document.getElementById("number").value);

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

    for (var i = 0; i < 1; i++) {
        guessarray[i] = guess;
        count++;
		displayGuesses();
    }
}

function displayGuesses() {
var number = parseInt(document.getElementById("number").value);
var guess = guessarray;
    for (var i = 0; i < 1; i++) {
    if (isNaN(number) || number < 1 || number > 1000){
    d += "Please input a valid number (1-1000)<br>";
    count = 0;
    }
		else if (guess > number){
		max = guess - 1;
		d += "Guessed " + guess + " - too high.<br>";
		}
		else if (guess < number){
		min = guess + 1;
		d += "Guessed " + guess + " - too low.<br>";
		}
    else {
		d += "Guessed " + guess + " - Got It!<br>&nbsp;&nbsp;&nbsp;&nbsp;It took me " + count + " tries.<br>";
    count = 0;
		}
    }
    document.getElementById("guess").innerHTML = d;
}