Witam, nie mogę zrozumieć czemu klikając na obojętnie jaki element (w sensie dowolnej kolejności) li w liście ul, funkcja się dokonuje, a wydawać by się mogło, że można tylko kliknąć w uporządkowanej kolejności. Najpierw w pętli for i =0 więc metoda addEventListener wykonuje się teoretycznie na liList[0], i tylko ten element o indeksie 0 powinno dać się wykonać. Gdy już się to zrobi można kliknąć na drugi,czyli liList[1] itd. Dlaczego można zacząć klikać w dowolnej kolejności? Wygląda to jakby pętla "robiła się" cały czas do i<liList.length,a nie zatrzymywała się przed klikiem,dając do wyboru tylko konkretny element ?
<body>
<ul >
<li>Doom</li>
<li>Quake</li>
<li>Warcraft</li>
<li>Silent Hill</li>
<li>Mario</li>
</ul>
<script>
const liList=document.body.querySelectorAll('li');
for(let i=0;i<liList.length;i++){
liList[i].addEventListener('click',function(){
liList[i].style.color="blue";
console.log('cos');
})}
</script>
</body>
</html>```