Me gustaría entender cómo determina exactamente la flecha en la que se hizo clic y muestra su contenido restante. Mi expectativa es que se supone que el ciclo está completo y se espera que sea igual al índice final de la matriz. ¿Qué está sucediendo exactamente en el momento del evento de clic?

 let answer = document.querySelectorAll(".answer"); let arrow = document.querySelectorAll(".arrow"); for (let i = 0; i < arrow.length; i++) { /* prompt(i); */ arrow[i].onclick = function() { arrow[i].classList.toggle("active"); answer[i].classList.toggle("active"); } }