Review DOM Manipulation by Building a Rock, Paper, Scissors Game - Step 4

JavaScript
1

Tell us what’s happening:

I have tried it now many times but I don’t get it. Why are the ComputerScore and playerScore are not update: function showResults(userOption) {
playerScoreSpanElement.innerText = playerScore;
computerScoreSpanElement.innerText = computerScore;

roundResultsMsg.innerText = getRoundResults(userOption);
};

Your code so far

<!-- file: index.html -->


/* file: script.js */
// User Editable Region

const playerScoreSpanElement = document.getElementById("player-score");
const computerScoreSpanElement = document.getElementById("computer-score");
const roundResultsMsg = document.getElementById("results-msg");

function showResults(userOption) {
  playerScoreSpanElement.innerText = playerScore;
  computerScoreSpanElement.innerText = computerScore;
  
  roundResultsMsg.innerText = getRoundResults(userOption);
};

showResults("Rock");

// User Editable Region

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36 Edg/130.0.0.0

Challenge Information:

Review DOM Manipulation by Building a Rock, Paper, Scissors Game - Step 4

3

You are updating the two elements before you use the getRoundResults function, that means that the value of playerScore and computerScore is not changed yet

4

Oke thank you. I must look that it is in the right order.