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>Mystery Number (1-10): <input style="width:50px;" type="textbox" id="number"/></p>
  <input style="margin-bottom: 20px;" type="button"  value="Start!" onClick="startGuessing();" />
  <div id="guess"></div>

JavaScript

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

function activateGame() {

  for (var i = 0; i < 10; i++) {
    array[i] = i + 1;
  }
  console.log(array);
}

function startGuessing() {
var number = document.getElementById("number").value;
var guess = Math.floor(Math.random() * 10 + 1);

for (var i = 0;guess != number; i++) {
guessarray[i] = guess;
count++;
}

console.log("number: " + number + " guess: " + guess + " count: " + count);
}

function displayGuesses(){

for (var i=0; i=count; i++){
d += "Guess: " + guess + "<br>";
}
document.getElementById("guess").innerHTML = d;
}