Изменить цвет клик по клику

Я хочу, чтобы каждый раз, когда я нажимал кнопку, менял цвет остальной части промежутка, поскольку в этом примере я выбираю только один (первый), а не другие, чего не хватает?

function color() {
var color = document.querySelector(".content > span");

color.style.color = "red";
}
<div class="content">
<span>1</span>
<span>2</span>
<span>3</span>
</div>

<br/>

<button onclick="color()">Agregar color</button>
1
задан 27.11.2019, 06:25
1 ответ

Ты был бы должен получать все spans с querySelectorAll и позже пробегать договоренность с forEach и так мочь менять цвет каждому span.

var colores = document.querySelectorAll(".content > span");
var count = 0;
function color() {
  if(count < colores.length) {
     colores[count].style.color = "red";
  }
  count++;
}
<div class="content">
  <span>1</span>
  <span>2</span>
  <span>3</span>
</div>
<br/>

<button onclick="color()">Agregar color</button>
2
ответ дан 01.12.2019, 10:46