-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
71 lines (65 loc) · 2.83 KB
/
script.js
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
'use strict';
// document.querySelector('.message').textContent = 'correct number';
// document.querySelector('.number').textContent = 23;
// document.querySelector('.guess').value = 565;
// console.log(document.querySelector('.guess').value);
let number = Math.trunc(Math.random() * 20) + 1;
let score = 20;
document.querySelector('.check').addEventListener('click', function () {
const guess = Number(document.querySelector('.guess').value);
if (!guess) {
document.querySelector('.message').textContent = 'Guess the Number';
}
// if no ==== guess
else if (guess === number) {
document.querySelector('.message').textContent = 'Correct guess';
document.querySelector('.number').textContent = number;
document.querySelector('body').style.backgroundColor = '#60b347';
} else if (guess !== number) {
if (score > 0) {
document.querySelector('.message').textContent =
guess > number ? 'Number is Too High!' : 'Number is Too Low';
score--;
document.querySelector('.score').textContent = score;
} else {
document.querySelector('.message').textContent = 'YOU LOOSE THE GAME';
document.querySelector('body').style.backgroundColor = 'red';
document.querySelector('.number').style.width = '50rem';
document.querySelector('.number').style.transition = '3s';
}
}
// if no is greater than guess
// else if (guess > number) {
// if (score > 0) {
// document.querySelector('.message').textContent = 'Number is Too High!';
// score--;
// document.querySelector('.score').textContent = score;
// } else {
// document.querySelector('.message').textContent = 'YOU LOOSE THE GAME';
// document.querySelector('body').style.backgroundColor = 'red';
// document.querySelector('.number').style.width = '50rem';
// document.querySelector('.number').style.transition = '3s';
// }
// }
// // if no is less than guess
// else if (guess < number) {
// if (score > 0) {
// document.querySelector('.message').textContent = 'Number is Too Low!';
// score--;
// document.querySelector('.score').textContent = score;
// } else {
// document.querySelector('.message').textContent = 'YOU LOOSE THE GAME';
// document.querySelector('body').style.backgroundColor = 'red';
// }
// }
});
document.querySelector('.again').addEventListener('click', function () {
score = 20;
document.querySelector('.message').textContent = 'Start Guessing......';
document.querySelector('.guess').value = '';
document.querySelector('.score').textContent = score;
document.querySelector('.number').textContent = '?';
document.querySelector('body').style.backgroundColor = '';
document.querySelector('.number').style.width = '';
document.querySelector('.number').style.transition = '';
});