@Kuper132

Как работает toggle в данном случае?

var wrapper = document.getElementsByClassName('event__two')
var values = document.getElementsByClassName('values')[0]
function clickwrap() {
  for(var i = 0; i < wrapper.length;i++) {
     wrapper[i].addEventListener('click', listener)
  }
}
clickwrap()
 function listener(event) {
    console.log(this)
    this.classList.toggle('active')
   calcPrice.call(this)
}




function calcPrice() {
var price = 0;
     for(var i = 0; i < wrapper.length;i++) {
        if(wrapper[i].classList.contains('active')) {
          price += parseInt(wrapper[i].getAttribute('data-price'))
        }
      } 
   
    values.innerHTML = price
}


При клике на елементы сумма сумируется в принципе так и должно быть но если кликнуть еще раз то сумма отнимается почему так происходит?
  • Вопрос задан
  • 216 просмотров
Решения вопроса 1
leni_m
@leni_m
ЧупаКобрус
тугл значит добавить класс если его нету, и убрать если он есть. помимо тугл'а есть ещё add и remove, которые только удаляют и только добавляют.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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