I'm working on "rock paper scissors". Earlier in the project button.value used to return it element's text value. Then, I changed something in my code, and wasn't smart enough to commit the last working changes. So now I'm dealing with this. I could've substitude .value with something else, but I just want to figure out what's wrong. Why the value of the "buttons" element I get now is "" and not the text value.

```
       <div id="buttonHolder">
            <button type="submit" id="rock" >Rock</button>
            <button type="submit" id="paper">Paper</button>
            <button type="submit" id="scissors">Scissors</button>
        </div>

**//script**

let buttons = document.querySelectorAll("button");

buttons.forEach((button) => {
    button.addEventListener("click",() =>{
        let playerSelection = button.value;
        playRound(playerSelection, computerSelection);
    })
});    

```