@sammyKj

Как изменить цвет текста при клике?

Добрый день
Пробую обратиться к элементу для смены цвета по клику, но цвет у текста так и не изменяется..
Как при нажатии на шаг изменять исходный цвет?
https://codepen.io/SamanthaKJ/pen/vYdZqGK
  • Вопрос задан
  • 115 просмотров
Решения вопроса 1
я бы поменял последние строки в JS

const tabs_list = document.querySelector('.list');

const tabs_btns = document.querySelectorAll('.tabs__btn')

tabs_list.addEventListener('click', function onClick(event) {
  tabs_btns.forEach(tab => tab.style.color = "black");
  event.target.style.color = 'red';
});
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега JavaScript
.tabs__btn.tabs__btn--active {
  color: red;
}

const buttons = document.querySelectorAll('.tabs__btn');
const items = document.querySelectorAll('.how-we-work__tab-item');

buttons.forEach(n => n.addEventListener('click', onClick));

function onClick({ target }) {
  const { path } = target.dataset;
  items.forEach(n => n.classList.toggle('how-we-work__tab-item--active', n.dataset.target === path));
  buttons.forEach(n => n.classList.toggle('tabs__btn--active', n === target));
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы