Как сохранить элемент первого клика и сравнить его со вторым?

Question

[Кристина]

Допустим, игра найди пару, блок 10х10 с буквами в ячейках. Как сохранить первый клик по ячейке и сравнить его со вторым?

Натолкните на мысль, пожалуйста.

Comments

[Александр]

Можно не запоминать элемент, а использовать data-атрибуты с нужными значениями

Answer 1

[Антон Спирин]

Сохранять предыдущий элемент в переменную:

var elements = document.querySelectorAll('.someElement');
var prevElement;

[].forEach.call(elements, function(element) {
  element.addEventListener('click', function(e) {
    var currentElement = e.сurrentTarget;

    if (/* some condition with currentElement and prevElement */) {
      // do something
    }

    prevElement = currentElement;
  });
});

Answer 2

[lloydbanks]

На `родителя` вешаем обработчик события, а результат клика `дочернего` элемента сохраняем в переменную и сравниваем с текущим значением

<div id="items">
	<div>A</div>
	<div>B</div>
	<div>A</div>
	<div>B</div>
</div>

{
		let prevItem = '-'
		items.addEventListener('click', e => {
			let currentItem = e.target.innerText

			// Выводим предыдущее, текущее и true/false если равно/не равно
			console.log(prevItem, currentItem, prevItem === currentItem ? true : false)

			prevItem = currentItem
		})
	}