Сделать счетчик очков из отображения JavaScript в виде текста в html. ⇐ Html

[Anonymous]

(Пожалуйста, простите меня, если это написано где-то еще. Я новичок в изучении JS, я перепробовал много поисков и до сих пор не могу найти решение.)
Функционально программа работает. Я сделал console.log для playerChoice, ComputerChoice, Winner, playerScore и ComputerScore, и все можно распознать, чтобы определить победителя раунда. Оценка также увеличивается, когда я пишу console.log.
Моя застрявшая точка — это отображение результатов JavaScript в HTML, увеличение табло от 0 до 1 (и так далее).
Я чувствую, что это должно быть легко исправить, но я перепробовал все (и искал другие примеры кода) и не могу найти решение. Буду очень признателен за любую помощь!

Код: Выделить всё

const choices = document.querySelectorAll('.choice');
const scores = document.getElementById('scores');
const restart = document.getElementById('restart-btn');

// Counter for score
let playerScore = 0;
let computerScore = 0;

// Play game
function playRound(e) {
restart.style.display = 'block';
const playerChoice = e.target.id;
const computerChoice = computerPlay();
const winner = getWinner(playerChoice, computerChoice);

console.log(playerChoice, computerChoice, winner, playerScore, computerScore);
}

// Get computer choice
function computerPlay() {
let options = [ 'rock', 'paper', 'scissors'];
return options[Math.floor(Math.random() * options.length)];
}

// Get game winner
function getWinner(p, c) {
if (p === c) {
return 'draw';
} else if (p === 'rock'){
if (c === 'paper'){
computerScore++;
return 'computer';
} else {
playerScore++;
return 'player';
}
} else if (p === 'paper'){
if (c === 'scissors'){
computerScore++;
return 'computer';
} else {
playerScore++;
return 'player';
}
} else if (p === 'scissors'){
if (c === 'rock'){
computerScore++;
return 'computer';
} else {
playerScore++;
return 'player';
}
}
}

// Show score
function updateScore() {
const playerScorePara = document.getElementById("playerScore");
const computerScorePara = document.getElementById("computerScore");

playerScorePara.textContent = `Player: ${playerScore}`;
computerScorePara.textContent = `Computer: ${computerScore}`;
}

// Event listeners
choices.forEach(choice => choice.addEventListener('click', playRound));

Код: Выделить всё

Rock Paper Scissors





ROCK PAPER SCISSORS
Score



Player: 0

Computer: 0



[i][/i]
[i][/i]
[i][/i]

New Game

Подробнее здесь: https://stackoverflow.com/questions/680 ... xt-in-html