GuessMyNumber.github.io/script.js at main · pavankumar-0801/GuessMyNumber.github.io · 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
'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 = 15;
console.log(document.querySelector('.guess').value);

*/

let secretNumber = Math.trunc(Math.random()*20)+1;
// console.log(number);
// document.querySelector('.number').textContent =secretNumber ;

let score = document.querySelector('.score').textContent ;

let highscr=document.querySelector('.highscore').textContent ;

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


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

    if(!guess){
        // document.querySelector('.message').textContent = '⛔No Number!';
        displayMessage('⛔No Number!')
    }
    else if (guess === secretNumber ){
        displayMessage(' Correct Number!');
        document.querySelector('.number').textContent =secretNumber ;

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

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


    }else if(guess !== secretNumber){
        if(score>1){
        displayMessage((guess > secretNumber) ? 'Too high' : 'Too low');
            score--;
            document.querySelector('.score').textContent = score;
            }else{
            document.querySelector('.message').textContent = 'You lose the game';
            }

    }

    // 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 lose the game';
    //     }
    // }else{
    //     if(score>1){
    //     document.querySelector('.message').textContent = 'Too low';
    //     score--;
    //     document.querySelector('.score').textContent = score;
    //     }else{
    //         document.querySelector('.message').textContent = 'You lose the game';
    //         }
    // }

});

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

    // document.querySelector('.message').textContent = 'Start guessing...';

    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';
});