Попытка создать функцию обратного вызова для получения идентификаторов 3 различных элементов img, используя чистый JavaScript

Question

Я пытаюсь создать функцию обратного вызова, которая будет извлекать указанный c идентификатор из 1 из 3 различных нажатых изображений. Изображения соотносятся либо с камнями, бумагой или ножницами. Я хочу быть в состоянии получить идентификатор из изображения, на которое нажали, и использовать его для сравнения с выбором компьютеров, чтобы определить победителя. Я включу кодовую ручку и мой код ниже.

Заранее спасибо!

https://codepen.io/constequalsexcel/pen/MWwjjKa

Answer 1

Вы можете сделать что-то вроде этого ...

let imgChoice = document.querySelectorAll('.images img');
imgChoice.forEach(function(el, index) {
  el.addEventListener('click', compareChoice(el.id));
});

Так что возьмите элементы изображения, l oop поверх них и добавьте событие щелчка для всех из них, что, когда они нажимают на него, оно запускает функцию Я назвал мой "сравнить выбор". Затем эта функция может захватить выбор компьютера и сравнить его с переданным ему идентификатором.