Как сделать перебор с помощью ForEach?

Question

[1canada]

есть answerLink и answer.
при клике на answerLink answer'y должен присваиваться класс 'active'.

Пытался как-то сделать, не получилось.

const answerLink = document.querySelectorAll('.questions__content ul li a');
const answer = document.querySelectorAll('.questions__answer');

answerLink.forEach((e) => {
    e.addEventListener('click', function(elem) {
        elem.preventDefault();
        answer.classList.toggle('active');
    });
})

Answer 1

[Gary_Ihar]

answer - это же будет массив. Если его длина равна массиву answerLink, то можете попробовать в цикле forEach воспользоваться параметром index

Answer 2

[bingumd]

const answerLink = document.querySelectorAll('.questions__content ul li a');
const answer = [...document.querySelectorAll('.questions__answer')];

answerLink.forEach((e, i) => {
    e.addEventListener('click', function(elem) {
        elem.preventDefault();
        answer[i].classList.toggle('active');
    });
})