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

JavaScript
1

Tell us what’s happening:

I saw solution from similar questions asked. But I don’t understand, why I need to update the roundResultMsg first, please explain me.

Your code so far

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


/* file: styles.css */


/* 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

Your browser information:

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

Challenge Information:

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

2

Hi there! Updating the round results function (getRoundResults) innerText before setting the spanElement innerText to ensure the scores and message reflect the latest game state. This keeps the UI consistent with the underlying logic.

1 Like
3

wehn you call getRoundResults it updates the score, you need to do that before writing the two scores on the page so that the scores shown are updated

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.