index.js

var buttonColours=["red","blue","green","yellow"];

var gamePattern=[];

var userClickedPattern = [];

var level = 0;

var started = false;

$(document).keypress(function(){
    if(started===false){
        $("#level-title").text("Level: "+level);
        nextSequence();
        started=true;
    }
});

$(".btn").click(function(){
    if(started===false){
        $("#level-title").text("Level: "+level);
        nextSequence();
        started=true;
    }
});



$(".panel").click(function(){
    
    var userChosenColour = $(this).attr("id");
    userClickedPattern.push(userChosenColour);
    playSound(userChosenColour);
    animatePress(userChosenColour);
    checkAnswer((userClickedPattern.length)-1);
});


function nextSequence(){
    userClickedPattern=[];
    level++;
    $("#level-title").text("Level " + level);
    var randomNumber= Math.floor(Math.random()*4);
    var randomChosenColour=buttonColours[randomNumber];
    gamePattern.push(randomChosenColour);
    console.log(gamePattern);
    main();
}

function playSound(name){
    var audio = new Audio("sounds/"+name+".mp3");
    audio.play();
}

function animatePress(currentColor) {
    $("#" + currentColor).addClass("active");
    setTimeout(function () {
      $("#" + currentColor).removeClass("active");
    }, 100);
}

function checkAnswer(currentLevel){
    if(userClickedPattern[currentLevel]===gamePattern[currentLevel]){
        if(userClickedPattern.length===gamePattern.length)
        {
            setTimeout(() => {
                
                nextSequence();
            }, 1000);
        }
        
    }
    else{
        playSound("wrong");
        $("body").addClass("game-over");
        $("#level-title").text("Game over Press any key to Restart");

        setTimeout(() => {
            $("body").removeClass("game-over");
        }, 200);

        startOver();
    }
}

function startOver(){
    level=0;
    gamePattern=[];
    started=false;
}

// function playPattern(colour){
//     main();
//     // playSound(colour);
// }

function flash(panel){
    return new Promise((resolve,reject)=>{
        console.log(panel);
        $("."+panel).addClass("active");
        playSound(panel);
        setTimeout(() => {
            $("."+panel).removeClass("active");
            setTimeout(() => {
                resolve(); 
            }, 100);
            
        }, 500);
    });
};

const main = async()=>{
    for(const panel of gamePattern){
        await flash(panel);
    }
};