Simon-says-Game/app.js at main · Abhay-art-git/Simon-says-Game · 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
let gameseq=[];
let userseq=[];
let h2 = document.querySelector("h2");

let btns = ["red","yellow","green","purple"];


let started = false;
let level = 0;

document.addEventListener("keypress" , function(){
    if(started == false){
        console.log("game started");
        started = true;

        levelup();

    }

})

function btnflash(btn){
    btn.classList.add("flash");
    setTimeout( function(){
        btn.classList.remove("flash")
    } , 250);

}


function levelup(){
    userseq=[];
    level++;
    h2.innerText = `LEVEL: ${level}`;

    let randidx = Math.floor(Math.random()*3);
    let randcol = btns[randidx];
    let randbtn = document.querySelector(`.${randcol}`);
    // console.log(randidx);
    // console.log(randcol);
    // console.log(randbtn);
    gameseq.push(randcol);
    btnflash(randbtn);

}


function checkAns(idx){


    if(userseq[idx] == gameseq[idx]){
        if(userseq.length==gameseq.length){
            setTimeout(levelup , 1000);
        }


    }
    else{
        h2.innerText = `GAME OVER restart your scocre ${level}`
        document.querySelector("body").style.backgroundColor="red";
        setTimeout(function(){
            document.querySelector("body").style.backgroundColor="white";

        } , 250);
        reset();

    }

}

function btnpress(){
    let btn = this
    btnflash(btn);

    usercolor = btn.getAttribute("id");
    userseq.push(usercolor);
checkAns(userseq.length-1);


};

let allbtn = document.querySelectorAll(".btn");
for(btn of allbtn){
    btn.addEventListener("click" , btnpress)
};

function reset(){
    started = false;
    gamesq=[];
    userseq=[];
    level=0;

};