Soy un principiante y quiero saber cómo cambio los colores de fondo de todos los botones al hacer clic.
var buttons = document.querySelectorAll(".btn").length; for (var i = 0; i < buttons; i++) { document.querySelectorAll(".btn")[i].addEventListener("click", function () { document.querySelectorAll(".btn").style.backgroundColor = "red"; }); } <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button>querySelectorAll devuelve una lista deNodeList . Tienes que iterar a través de él y aplicar el estilo a cada elemento:
var buttons = document.querySelectorAll(".btn").length; for (var i = 0; i < buttons; i++) { document.querySelectorAll(".btn")[i].addEventListener("click", function (e) { document.querySelectorAll(".btn").forEach(e => e.style.backgroundColor = "red") }); } <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button> <button class="btn">abc</button>