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

JavaScript
1

stuck on the last stage of this.

If the player or computer has won the game, there should be an option to reset the game and play again.

Complete the resetGame function that accomplishes the following:

Resets the player and computer scores to 0.
Updates the playerScoreSpanElement and computerScoreSpanElement to display the new scores.
Hides the resetGameBtn button.
Shows the optionsContainer so the player can play again.
Clears the content for the winnerMsgElement and roundResultsMsg elements.
Tips

You can use the innerText

Your code so far

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


/* file: styles.css */


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

function resetGame() {
  playerScore = 0;
  computerScore = 0;

  playerScoreSpanElement.innerText = playerScore;
  computerScoreSpanElement.innerText = computerScore;
  
   resetGameBtn.style.display = "none";

   optionsContainer.style.display = "block";

   winnerMsgElement.style.display = "";

   roundResultsMsg.style.display = "";
   
};

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

Challenge Information:

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

2

Please note the difference between hiding and showing an element and clearing the content, or setting it to an empty string

3

can you explain a bit more,
my understanding is ‘none’ hides, ‘block’ resets, ‘’ " is an empty string

4

Here you have set the content of an element to something.

Here you have set the style of an element to ‘display: none’.