index.js

const choices = ['rock', 'paper', 'scissors'];

const playerScore = document.getElementById('playerScore');
const computerScore = document.getElementById('computerScore');
const playerDisplay = document.getElementById('playerDisplay');
const computerDisplay = document.getElementById('computerDisplay');
const resultDisplay = document.getElementById('resultDisplay');

function play(playerChoice) {
    const computerMove = choices[Math.floor(Math.random() * choices.length)];
    let result = '';

    if (playerChoice === computerMove) {
        result = "It's a Tie!";
    } 
    else if (
        (playerChoice === 'rock' && computerMove === 'scissors') ||
        (playerChoice === 'paper' && computerMove === 'rock') ||
        (playerChoice === 'scissors' && computerMove === 'paper')
    ) {
        result = 'Player Wins!';
        playerScore.textContent = Number(playerScore.textContent) + 1;
    } 
    else {
        result = 'Computer Wins!';
        computerScore.textContent = Number(computerScore.textContent) + 1;
    }

    playerDisplay.textContent = `Player Move: ${playerChoice}`;
    computerDisplay.textContent = `Computer Move: ${computerMove}`;
    resultDisplay.textContent = `Result: ${result}`;
}