Review Algorithmic Thinking by Building a Dice Game - Step 3

JavaScript
1

Tell us what’s happening:

Please assist me. The error message says " When your rollDiceBtn is clicked, your diceValuesArr array should contain five elements." I’m not sure where I am going wrong.

Your code so far

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


/* file: styles.css */


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

rollDiceBtn.addEventListener('click', () => {
  let diceValuesArr = [];

  for (let i = 0; i < 5; i++) {
    diceValuesArr.push(Math.floor(Math.random() * 6) + 1);
  }

  listOfAllDice.forEach((die, index) => {
    die.textContent = diceValuesArr[index];
  });
});

// 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 Algorithmic Thinking by Building a Dice Game - Step 3

2

rollDiceBtn.addEventListener(‘click’, () => {
let diceValuesArr = ;

for (let i = 0; i < 5; i++) {
diceValuesArr.push(Math.floor(Math.random() * 6) + 1);
}

diceValuesArr.sort((a, b) => a - b);

listOfAllDice.forEach((die, index) => {
die.textContent = diceValuesArr[index];
});
});

try sorting but it’s still now working. Please assist me

3
  • simply remove “let” from “diceValuesArr” within “click events callback function”

happy coding :slight_smile:

1 Like
4

It worked but I still don’t understand what was wrong with having let in my code. Please enlighten me

5

you have it declared already in your code

3 Likes