project-2/script.js at main · sinakratos/project-2 · 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
86
87
88
89
90
91
92
93
94
95
96
'use strict';
/*
console.log(document.querySelector('.message').textContent);

document.querySelector('.message').textContent = '🎉Correct Number!';

document.querySelector('.number').textContent = 13;
document.querySelector('.score').textContent  = 10;

document.querySelector('.guess').value = 23;
console.log(document.querySelector('.guess').value);
*/
///////////////////////////////////////////////////////////////////////////

let secretNumber = Math.trunc(Math.random() * 20) + 1;
// console.log(number);
let score = 20;
let highScore = 0;

const displayMessage = function (message) {
    document.querySelector('.message').textContent = message;
}

document.querySelector('.check').addEventListener('click', function() {
    const guess = Number(document.querySelector('.guess').value);

    // when there is no input
    if(!guess) {
        displayMessage('⛔ No Number!');

        //when plyer win the game
    }else if(guess === secretNumber) {
        displayMessage('🎉Correct Number!');
        document.querySelector('.number').textContent = secretNumber;

        document.querySelector('body').style.backgroundColor = '#60b347';
        document.querySelector('.number').style.width = '30rem';

        if(score > highScore){
            highScore = score;
            document.querySelector('.highscore').textContent = highScore;
        }

    }else if (guess !== secretNumber){
        if(score > 1){
            displayMessage(guess > secretNumber?'📈Too high!':'📉Too low!');
            score--;
            document.querySelector('.score').textContent = score;

        }else{
            displayMessage('🚬 You lost the game!');
            document.querySelector('.score').textContent = 0;

        }
    }
    //when the guess us bigger than secret number
    // else if(guess > secretNumber){
    //     if(score > 1){
    //         document.querySelector('.message').textContent = '📈Too high!';
    //         score--;
    //         document.querySelector('.score').textContent = score;

    //     }else{
    //         document.querySelector('.message').textContent = '🚬 You lost the game!';
    //         document.querySelector('.score').textContent = 0;

    //     }
    // //when the guess us Lower than secret number
    // }else if(guess < secretNumber){

    //     if(score > 1){
    //         document.querySelector('.message').textContent = '📉Too low!';
    //         score--;
    //         document.querySelector('.score').textContent = score;

    //     }else{
    //         document.querySelector('.message').textContent = '🚬 You lost the game!';
    //         document.querySelector('.score').textContent = 0;

    //     }
    // }
})
document.querySelector('.again').addEventListener('click', function(){
    secretNumber = Math.trunc(Math.random() * 20) + 1;
    score = 20;

    displayMessage('Start guessing...');
    document.querySelector('.score').textContent = score;
    document.querySelector('.number').textContent = '?';
    document.querySelector('.guess').value = '';

    document.querySelector('body').style.backgroundColor = '#222';
    document.querySelector('.number').style.width = '15rem';


})