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

JavaScript
1

Tell us what’s happening:

Why am i see i should update my winnerMsgElement if there is a winner, but my code is functioning well and even adding the winnerMsgElement… i can tell why the error message is showing up

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");
const winnerMsgElement = document.getElementById("winner-msg");
const optionsContainer = document.querySelector(".options-container");
const resetGameBtn = document.getElementById("reset-game-btn");

function showResults(userOption) {
  if (playerScore >= 3){
   winnerMsgElement.innerText = "Player has won the game!";       
   optionsContainer.style.display = "none"
   resetGameBtn.style.display = "block"
   roundResultsMsg.style.display="none"
    
  }
  else if(computerScore >= 3){
    winnerMsgElement.innerText = "Computer has won the game!"
    optionsContainer.style.display = "none"
   resetGameBtn.style.display = "block"
   roundResultsMsg.style.display="none"
  }
  else{
  roundResultsMsg.innerText = getRoundResults(userOption);
  computerScoreSpanElement.innerText = computerScore;
  playerScoreSpanElement.innerText = playerScore;
  }

};

// 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/126.0.0.0 Safari/537.36

Challenge Information:

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

2

the logic is incorrect.
originally the code presented in the editor was as follows:

const playerScoreSpanElement = document.getElementById("player-score");
const computerScoreSpanElement = document.getElementById("computer-score");
const roundResultsMsg = document.getElementById("results-msg");
const winnerMsgElement = document.getElementById("winner-msg");
const optionsContainer = document.querySelector(".options-container");
const resetGameBtn = document.getElementById("reset-game-btn");

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


};

The blank lines at the bottom are meant for you to add the new code (you only need one if-else statement).