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

JavaScript
1

Tell us what’s happening:

I keep getting your resetGame function should set playerScore to 0 when attempting to run this code. How do I solve this error

Your code so far

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


/* file: styles.css */


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

function resetGame() {
  playerScore = 0;
  computerScore = 0;
  playerScoreSpanElement = playerScore;
  computerScoreSpanElement = computerScore;
  resetGameBtn.style.display = "none";
  optionsContainer.style.display = "block";
  roundResultsMsg.innerText = "";
  winnerMsgElement.innerText = "";

};

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

2

you cannot take an element and make it a number and expect that element to change what is needed in the displayed html.
You have to use something like .value or .innerText or .innerValue (depending on what the element is and what you’re trying to do)

3

Another way to think of this is you want to assign text or html to an element. You use the .innerText or .innerHTML properties.

playerScoreSpanElement.innerText = playerScore;
computerScoreSpanElement.innerText = computerScore;

playerScoreSpanElement is the HTML element reference (an object)

innerText is text content inside that HTML element (the object’s property)

playerScore is the value (can be text or number) you’re assigning to the innerText property (the property’s value)