I am totally clueless as to why this code isn't running. It is supposed to be a color guessing game. It ran once and then it just shows blank screen.
It is supposed to pick a color at random from an array or colors and then it asks for user input and compares it with the chosen color and outputs accordingly.
<!doctype html>
<html>
<head>
<title>JavaScript Guessing Game</title>
<script>
var target;
var guess_input_text;
var guess_input;
var finished = false;
var guesses = 0;
var colors = ["blue","cyan","gold","grey","green","magenta", "orange", "red","white","yellow"];
var scolors = colors.sort();
function do_game() {
var random_number = Math.random() * 10;
var random_number_integer = Math.floor(random_number);
target_index = random_number_integer;
target = colors[target_index];
while (!finished) {
guess_input = (prompt("I am thinking of one of these colors " + colors.join(", ") + ".\n\n What color am I thinking of?")).toLowerCase();
guesses += 1;
finished = check_guess();
}
}
function check_guess() {
if (!(colors.indexOf(guess_input) >= 0)) {
alert("Sorry I don't recognize your color\n\n" +
"Please try again.");
return false;
}
if (scolors.indexOf(guess_input) > (scolors.indexOf(target))) {
alert("Sorry, your guess is not correct\n\n" + "Hint: Your color is alphabetically higher than mine\n\n"+"Please try again.");
return false;
}
if (scolors.indexOf(guess_input) < (scolors.indexOf(target))) {
alert("Sorry, your guess is not correct\n\n" + "Hint: Your color is alphabetically lower than mine\n\n"+"Please try again.");
return false;
}
else{
alert("Congratulations! You've guessed the color!+
".\n\nIt took you " + guesses +
" to finish the game!\n\n You can see the color in the background");
return true;
}
}
</script>
</head>
<body onload="do_game()">
</body>
</html>
