Как определить что это был последний блок (из группы блоков) по которому кликнули?

Question

[Иван Симонов]

Здравствуйте
Как определить что это был последний блок (из группы блоков) по которому кликнули?
т.е если остался последний блок, (остальные получили при клике соот. класс hidden)
как правильно написать условие, что это последний блок?
Мой Код

Answer 1

[Сергей Глейп]

Можно добавить
const childeLen = parent.childeNodes.length;
let countClick = 0;
При каждом нажатии на блок делать countClick++ и сравнивать с childeLen если они равны то это был последний блок.

Comments

[Иван Симонов]

Спасибо. https://jsfiddle.net/31hg5394/ - работает. Вопрос: если внутри блока по которому происходит клик, есть другой блок. Получается, кликнув на этот внутренний блок (.child span) - отсчет пошел, но тогда получается ошибка в условии childLen и countCliick. Подскажите как обойти данную проблему?

[Сергей Глейп]

Нужно перенести countClick внутрь блока If где проверка target. Вот так

var parent = document.querySelector('.parent');
var childLength = document.querySelectorAll('.child').length;
var countClick = 0;

parent.onclick = function(event) {

  var target = event.target;

  if (target.className == 'child') {
    target.className = 'child child-click';
      console.log(countClick);
  		countClick++;

    setTimeout(function() {
      target.className = 'child child-hide';
    }, 3000);
  }


  if (childLength == countClick) {
     setTimeout(function() {
      parent.innerHTML = 'All right';
    }, 3000);
    
  }
}

Answer 2

[Safort]

Нудно сравнить target с parent.lastElementChild.

https://jsfiddle.net/so67xo4x/3/

Comments

[Иван Симонов]

Спасибо. Но в innerHTML - ничего не выводиться

[Иван Симонов]

Также как я понимаю - lastElementChild - это последний элемент child по списку. Скорее всего это не подходит, т.к последний элемент по которому кликнули может быть под любым номером