scriptp.js

let userScore=0;
let computerScore=0;
const choices=document.querySelectorAll(".choice");
const msg=document.querySelector("#msg");
const userScoreParagraph = document.querySelector("#user-score");
const computerScoreParagraph = document.querySelector("#computer-score");
const genComputerChoice = () => {
    const options=["rock", "paper", "scissors"];
    const randIdx= Math.floor(Math.random() * 3);
    return options[randIdx];
   
}
const drawGame =()  =>{
    console.log("game was drawn");
    msg.innerHTML = "It's a draw!";
    msg.style.backgroundColor = "black";
}
const showWinner = (userWin,userchoice,computerChoice) => {
    if (userWin){
        userScore++;
        userScoreParagraph.innerHTML = userScore;
        console.log("user wins");
        msg.innerHTML = `You win! Your ${userchoice} beats computer's ${computerChoice}`;
        msg.style.backgroundColor = "green";
    }
    else {
        computerScore++;
        computerScoreParagraph.innerHTML = computerScore;

        console.log("computer wins");
        msg.innerHTML = `Computer wins! ${computerChoice} beats your ${userchoice}`;
        msg.style.backgroundColor = "red";
    }
}

const playgame = (userchoice) =>{ 
    console.log("user choice is", userchoice);
    const computerChoice = genComputerChoice();
    console.log("computer choice is", computerChoice);
    if (userchoice==computerChoice){
        drawGame();

    } else {
        let userWin = true;
        if (userchoice=="rock"){
             userWin=computerChoice=="paper" ? false : true;
        } else if (userchoice=="paper"){
            userWin=computerChoice=="scissors" ? false : true;
        } else if (userchoice=="scissors"){
            userWin=computerChoice=="rock" ? false : true;
        }
        showWinner(userWin,userchoice,computerChoice);
    }

}
choices.forEach((choice) => {
    
       console.log(choice);
       choice.addEventListener("click",() => {
        const userchoice=choice.getAttribute("id");
        playgame(userchoice);
       });
});