Порядковый номер клика в ячейке HTML таблицы

Давайте теперь по клику на ячейку будем записывать в нее порядковый номер клика.

Для этого нам необходимо ввести некоторую переменную-счетчик и увеличивать значение этого счетчика внутри функции-обработчика события:

let tds = document.querySelectorAll('#table td');

let i = 1;
for (let td of tds) {
	td.addEventListener('click', function() {
		this.innerHTML = i;
		i++;
	});
}

Модифицируйте код теоретической части урока так, чтобы повторное нажатие по ячейке не приводило к увеличению счетчика.

Чередование

Давайте теперь сделаем так, чтобы при кликах на ячейку попеременно вставлялось то 1, то 2. То есть при первом клике должно вставиться 1, при втором клике - 2, при третьем - опять 1 и так далее.

Решим поставленную задачу:

let tds = document.querySelectorAll('#table td');

let i = 1;
for (let td of tds) {
	td.addEventListener('click', function() {
		this.innerHTML = i;
		
		if (i == 1) {
			i = 2;
		} else {
			i = 1;
		}
	});
}

Модифицируйте описанную в теоретической части урока задачу так, чтобы при кликах на ячейки чередовались числа 1, 2 и 3.