Why my variable is not accessible in forEach()?

Question

I am trying to understand why I cannot access the variable i from inside the forEach() function at the bottom. Could someone help me please?

draw() {
    this.players.forEach( (player, i) => {
      let cardElements = [];

      player.cards.forEach( (card) => {
        let cardElement = document.createElement("div")
        cardElement.classList.add("card")
        cardElement.setAttribute("suit", card.suit)

        let cardValue = document.createElement("div")
        cardValue.classList.add("value")
        cardValue.textContent = card.value

        cardElement.append(cardValue)

        cardElements.push( cardElement )

      });

      cardElements.forEach( (cardElement) => {
        document.getElementById(`player-${i}`).append(cardElement)
      });

    })
  }

Have you logged the interpolated to see what the result is? – nick zoum Jun 26 '19 at 09:17 — nick zoum, Jun 26 '19 at 09:17

score 2 · Answer 1 · answered Jun 26 '19 at 09:12

2

String interpollation works with ${i} not $i

document.getElementById(`player-${i}`).append(cardElement)

answered Jun 26 '19 at 09:12

Radonirina Maminiaina

6,958
4
33
60

Well spotted but still have the same problem. – Albert Jun 26 '19 at 09:14
Sorry it is working as expected now. Thanks! – Albert Jun 26 '19 at 09:19

Why my variable is not accessible in forEach()?

1 Answers1