Tengo un comportamiento extraño en mi código muy simple. Quiero remove() todos los botones con la clase btn del DOM después de hacer clic en un botón.
En mi función removeAllBtns() tengo dos salidas de consola. Se muestra el número correcto de botones. Pero el segundo elemento no siempre se elimina.
¿Porqué es eso? Probablemente me estoy perdiendo algo muy simple aquí. Gracias por adelantado.
let btns = document.getElementsByClassName('btn'); for (var i = 0; i < btns.length; i++) { let button = btns[i]; button.addEventListener('click', function (e) { removeAllBtns(); }); } function removeAllBtns() { console.log('btns length',btns.length) for (let j = 0; j < btns.length; j++) { console.log(j, btns[j]) btns[j].remove(); } } .btn{ color: red; } <button class="btn">1</button> <button class="btn">2</button> <button class="btn">3</button>