Simple Math Game

A simple homework-help type game that allows the user to input the answer to questions

by geekch1ck

HTML

<body>

<canvas id = "myCanvas" width = "200" height = "200" style = "border:1px solid #000000;">
</canvas>

<form action="">
<p>What is the answer? <input type = "text" id = "guess" name = "guess"></p>
</form>
</body>
</html>

JavaScript

var canvas;
var context;
var guess;
var min = 0;
var max = 9;

var right = getRandInt(min, max);
var left = getRandInt(min, max);
var answer = right + left;

var equation = right + "+" + left;


function getRandInt (min, max){
	return Math.floor(Math.random()*(max-min+1)) + min;
}

function checkAnswer(guess, answer){
	if (guess == answer){
		alert("Correct");
		setTimeout(drawText(equation),3000);
		return true;
		}
	else{
		alert("Try Again");
		return false;
		}
	}

function drawCanvas(equation){
	//draw the Canvas
	canvas = document.getElementById('myCanvas');
	context = canvas.getContext('2d');
	drawText(equation);
	}

function drawText(equation){
	//add the text to the canvas
	context.font = '40pt Veranda';
	context.fillText(equation, 50, 100);
	}

$(document).ready(function(){
	drawCanvas(equation);
	
	$("form").submit(function(){
		guess = document.getElementById("guess").value;
		checkAnswer(guess, answer);
		});

	});