script.js

let scoreStr=localStorage.getItem('score');

let score;
resetScore(scoreStr);
document.querySelector('#score').innerText = score.displayScore();
function resetScore(scoreStr){
    score= scoreStr ? JSON.parse(scoreStr) : { win: 0, lose: 0, tie: 0 };
    score.displayScore = function(){
        return `won:${score.win} lose:${score.lose} tie:${score.tie}.`;
    }
}

function generateComputerChoice(){
    let randomNo=Math.random()*3;   
    if(randomNo<=1){
        return 'Bat';
    }
    else if(randomNo>1 && randomNo<=2){
        return 'Ball';
    }
    else{
    return 'Stump';
    }
}

function getResult(userMove, computerMove){
    if(userMove===computerMove){
        score.tie++;
        return `It's a tie`;
    }
    else if((computerMove==='Stump' && userMove==='Bat') || (computerMove==='Bat' && userMove==='Ball') || (computerMove==='Ball' && userMove==='Stump')){
        score.lose++;
        return 'Computer Won';
    }
    else{
        score.win++;
        return 'User Won';
    }
}

function showResult(userMove,computerMove,resultMsg){
localStorage.setItem('score', JSON.stringify(score));
document.querySelector('#user-move').innerText =
userMove ? `👤 You chose ${userMove}` : '';
document.querySelector('#computer-move').innerText =
computerMove ? `🤖 Computer chose ${computerMove}` : '';
let emoji='';
if(resultMsg==='User Won'){
    emoji='😎🎉';
}
else if(resultMsg==='Computer Won'){
    emoji='😢💔';
}
else if(resultMsg==="It's a tie"){
    emoji='🤝😐';
}
document.querySelector('#result').innerText=
`${resultMsg} ${emoji}`;
document.querySelector('#score').innerText=
`🏆 ${score.displayScore()}`;
}

function playGame(userChoice){
    let computerChoice = generateComputerChoice();
    let resultMsg = getResult(userChoice, computerChoice);
    showResult(userChoice, computerChoice, resultMsg);
}

function resetGame(){
    localStorage.clear();
    resetScore();
    showResult('', '', 'Score reset!');
}