<div class="circle-buttons"> <button class="number-button" value="">1</button> <button class="number-button" value="">2</button> <button class="number-button" value="">3</button> <button class="number-button" value="">4</button> <button class="number-button" value="">5</button> </div> const btns = document.querySelectorAll('.number-button') const markBtn = () => { console.log(btns) } btns.addEventListener('click', markBtn)Hola, tengo un problema con este código, ¿por qué no puedo obtener botones de esta función?
El problema "btns.addEventListener no es una función"
Porque document.querySelectorAll devuelve NodeList . Puede iterar esta lista de esta manera:
const btns = document.querySelectorAll('.number-button'); const markBtn = (btn, i) => { console.log(btn, i); } btns.forEach((btn, i) => btn.addEventListener('click', () => markBtn(btn, i))); <div class="circle-buttons"> <button class="number-button" value="">1</button> <button class="number-button" value="">2</button> <button class="number-button" value="">3</button> <button class="number-button" value="">4</button> <button class="number-button" value="">5</button> </div>