Задание следующее: На странице созданы 3 p.task-5 c атрибутом data. С помощью forEach переберите их и добавьте событие клик. Напишите функцию t5, которая будет запускаться при клике и добавлять атрибут data элемента, по которому кликнули в массив a5_res.
function t5() {
let a5_res = [];
let span = document.querySelectorAll('.task-5');
span.forEach(elem => {
a5_res.push(elem.getAttribute('data'));
});
console.log(a5_res);
}
document.querySelectorAll('.task-5').forEach(elem => {
elem.onclick = t5;
});
<div>
<p class="task-5" data="1">One p with data</p>
<p class="task-5" data="34">Two p with data</p>
<p class="task-5" data="66">Three p with data</p>
</div>
Чтобы я не пробовал, как бы не доставал data атрибут, все равно за счет цикла создается сразу массив со всеми тремя значениями [1, 34, 66], а поочередно добавить никак не могу. Выше одна из многих попыток, поиском конечно пользовался, не помогло. Заранее спасибо за помощь.