Почему не работает код?

Question

[Nastyuuuushka]

<div class="eclipse"> Текст должен менять цвет</div>

.eclipse{
  color:red;
}
.colored{
  color: green;
}

var totality = document.getElementsByClassName("eclipse");
div.addEventListener('click', function(){
    target.classList.toggle('colored');
});

Answer 1

[Сергей Горностаев]

Потому, что в нём огромное количество ошибок:
1. Откуда взялся div, на который вешается EventListener?
2. Откуда взялся target?
3. Что за конструкция <code lang="css"">? В стандарте html такой нет.

Подозреваю, что должно быть как-то так https://jsfiddle.net/1dyv8qws/

Comments

[Nastyuuuushka]

я хотела через кнопку сделать, но с классами что-то не то, можете подсказать где ошибка?
https://jsfiddle.net/tL3596jb/

[Сергей Горностаев]

Nastyuuuushka: getElementsByClassName возвращает массив. У массива нет ни метода addEventListener, ни атрибута classList. Надо сначала выбрать из массива элемент, а уж потом с ним работать https://jsfiddle.net/tL3596jb/1/