Нахожусь в процессе изучения JS, и столкнулась с задачей, которую не могу решить.
Задача: есть массив из объектов employees. Вывела элементы этого массива в виде HTML таблицы.
Проблема: мне нужно, чтобы по клику на любую ячейку с возрастом ее содержимое увеличивалось на 1. Когда я в цикле к ячейке с возрастом привязываю событие, весь код ломается.
let table = document.querySelector('#table');
let employees = [
{ name: 'employee1', age: 30, salary: 400 },
{ name: 'employee2', age: 31, salary: 500 },
{ name: 'employee3', age: 32, salary: 600 },
];
employees.forEach(function (employee) {
let tr = document.createElement('tr');
table.appendChild(tr)
let keys = Object.values(employee);
let age = keys[1]
console.log(age);
keys.forEach(function (items) {
let td = document.createElement('td');
td.textContent = items;
tr.appendChild(td);
age.addEventListener('click', function () {
console.log(age.textContent += 1);
})
})
})
