Rand Array Index | Need Help Please

Hi Megan. Good news is that all of your functions are working correctly since the scores are being logged in the console.

[Log] Player 1 Score: 4, Player 2 Score: 5 (script.js, line 53) [Log] Play button is functional! (script.js, line 60)

The issue with your code lies in the display part here:

 scoreOneElement = diceRoll(twelveSidedDie); 
 scoreTwoElement = diceRoll(twelveSidedDie);

What's going on here is that you're trying to set a <p> tag to a number, and JavaScript will let it go through, but nothing will happen. Here's what the console is displaying for the output:

<div id="player-2" class="player-2 player">
  <h3>Player Two</h3>
  <img src="img/mike-the-frog.png" alt="Mike the Frog" id="mike-2" class="mike-2 mike">
   <p id="score-2" class="score">#</p>
</div>

Good news is that this is a simple fix! All you have to do is set the text content of the <p> tags to the result. You can do this one of two ways:

 scoreOneElement.textContent = diceRoll(twelveSidedDie); 
 scoreTwoElement.textContent = diceRoll(twelveSidedDie);

OR

 scoreOneElement.innerHTML = diceRoll(twelveSidedDie); 
 scoreTwoElement.innerHTML = diceRoll(twelveSidedDie);

I, personally, would go with textContent here since we're only trying to display the text of the diceRoll result. If we, say, wanted to add divs using object literals to display previous scores to the left somewhat faded out, we could use innerHTML. I'd challenge you to do that if you want to really get some practice in.

Let me know if you have any other questions.