Как достать e.target.value?

Question

[annaumof]

window.onload = function() {

  const $seat = document.querySelector('.container');
  const $select = document.getElementById('select');
  const $count = document.getElementById('count');
  const $total = document.getElementById('total');
  let countClick = 0;

  $select.addEventListener('change', e => {
    $total.innerHTML = `${countClick * e.target.value}`;
  })

  $seat.addEventListener('click', e => {
    if (e.target.parentNode.className !== 'row') {
      return false;
    } else if (e.target.className == 'seat') {
      e.target.classList.add('active');
      countClick++;
    } else {
      e.target.classList.remove('active');
      countClick--;
    }
    $count.innerHTML = `${countClick}`;
    $total.innerHTML = `${countClick * e.target.value}`;
  })

}

Comments

[WapSter]

именно так значение и "достается".

[Пашенька]

Предваряя имена переменных долларом, вы вводите разработчиков, которые понимают зачем переменные предваряют долларом, в заблуждение.

[annaumof]

Обработчик на клик не видит e.target.value.
Проблему частично решил с добавлением

let countChange = 0;
countChange = e.target.value;

но пока не сделать change, в $total не происходит innerHTML

[WapSter]

Пашенька, так некоторые помечают dom элементы.

[WapSter]

annaumof, ясен пень он не видит ты обработчик вешаешь на контейнер и фиг знает, что там может ему в таргет прийти. Получай значение из input точечно или делай проверку является ли e.target полем ввода.

[Максим Морев]

так некоторые помечают dom элементы

И за это надо бить по рукам, потому что до этого кучу лет (а многие и до сих пор) так помечали jQuery объекты. Совершенно справедливое замечание :)