index.js

//Create a function that randomly returns 'Rock', 'Paper' or 'Scissors'
function getComputerChoice() {
    let randomNum = Math.floor(Math.random() * 100) - 1;
    if (randomNum >= 0 && randomNum <= 32) {
        return 'rock';
    }
    else if (randomNum >= 33 && randomNum <= 65) {
        return 'paper';
    }
    else {
        return 'scissors';
    }
}

//Create a function that plays one round of Rock Paper Scissors
function playRound(playerSelection, computerSelection) {

    results.textContent = "";
    scoreDisplay.textContent = "";
    if (playerSelection.toLowerCase() == 'rock' && computerSelection == 'scissors' || playerSelection.toLowerCase() == 'paper' && computerSelection == 'rock'
    || playerSelection.toLowerCase() == 'scissors' && computerSelection == 'paper') {
        results.textContent += `You: ${playerSelection.toLowerCase()}\nComputer: ${computerSelection}\n\nYou win this round`;
        playerScore++;
        scoreDisplay.textContent += `You: ${playerScore}\nComputer: ${computerScore}\n\n`;
    }
    else if (playerSelection.toLowerCase() == 'rock' && computerSelection == 'paper' || playerSelection.toLowerCase() == 'paper' && computerSelection == 'scissors'
    || playerSelection.toLowerCase() == 'scissors' && computerSelection == 'rock') {
        results.textContent += `You: ${playerSelection.toLowerCase()}\nComputer: ${computerSelection}\n\nThe computer wins this round`;
        computerScore++;
        scoreDisplay.textContent += `You: ${playerScore}\nComputer: ${computerScore}\n\n`;
    }
    else {
        results.textContent += `You: ${playerSelection.toLowerCase()}\nComputer: ${computerSelection}\n\nThis round, it's a tie`;
        scoreDisplay.textContent += `You: ${playerScore}\nComputer: ${computerScore}\n\n`;
    }

    if (playerScore === 5 || computerScore === 5) {
        if (playerScore === 5) {
            scoreDisplay.textContent += "You win the game!"
        }
        else if (computerScore === 5) {
            scoreDisplay.textContent += "The computer wins the game!"
        }
        playerScore = 0;
        computerScore = 0;
    }
}

function getPlayerSelection(button) {
    return button.textContent;
}

const buttons = document.querySelectorAll('button');
let results = document.querySelector('.results');
let scoreDisplay = document.querySelector('.score-and-winner');
results.setAttribute('style', 'white-space: pre;');
scoreDisplay.setAttribute('style', 'white-space: pre;');
let playerScore = 0;
let computerScore = 0;

buttons.forEach((button) => button.addEventListener('click', () => {
    playRound(getPlayerSelection(button), getComputerChoice());
}));