HotOrCold/script.js at master · Mmil09/HotOrCold · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
$(document).ready(function() {


	var answer = Math.floor((Math.random()*100)+1);
	var feedback;
	var answers = 0;

	var clearFeed = function() {
		$('#feedback').empty();
	}

	var fadeOut = function() {
		$('#feedback').fadeOut();
	}

	var fadeIn = function() {
		$('#feedback').fadeIn();
	}

	var checkAnswer = function() {

	var userIpt = $('#userInput').val();
	var userInput = parseInt(userIpt, 10);

	if(isNaN(userInput)) {
		fadeOut();
		clearFeed();
		$('#feedback').val("Nice try, but your answer must be an number");
		fadeIn();
		userInput = 'x';
	}

	else if (userInput < 1 || userInput > 100) {
		$('#feedback').val("Nice try, but your answer must be between 1 and 100")
	}

	else if (userInput > answer) {
		$('#feedback').val("too hot");
	}

	else if (userInput < answer) {
		$('#feedback').val("too cold " + answer);
	}

	else if (userInput == answer) {
		$('#feedback').val("right on");
	}

	answers++;
	$('#guesses').append(userInput + " ");
	$('#gradient').html(answers);
	$('#userInput').val("");
	$('#userInput').focus();
	}


	$('#userInput').focus(); /*direct the focus to the number input area */


	$('#feedback').val("Guess a number between 1 and 100...")
	/* $('#feedback').slideDown(5000); */


	 $('#submit').click(checkAnswer);
	 $('#userInput').keyup(function(e) {
	 		if (e.keyCode == 13) {
	 			checkAnswer();
	 		}
	 });

	 $('#reset').click(function() {
	 	answer = Math.floor((Math.random()*100)+1);
		feedback = "Okay - new game";
		answers = 0;
		$('#guesses').empty();
		$('#gradient').html(answers);
		$('#userInput').val("");
		$('#userInput').focus();

	 });


});