The counter does not pass a value to the function [duplicate]

Question

This question has already been answered:

Why does the asynchronous function inside the loop perform the last iteration many times? 2 answers

There is such a code:

for (var i = 0; i <= some.length; i++) { block1[i].onmouseenter = function() { block2[i].classList.toggle('active_game'); } }

block2 does not get i

Here is what I planned:

 block1[0].onmouseenter = function() { block2[0].classList.toggle('active_game'); } block1[1].onmouseenter = function() { block2[1].classList.toggle('active_game'); }

Tell me, please, how can I solve this problem? Preferably on native js.

Doigrales doigrales 933 3 ten · Accepted Answer · 2019-01-15T11:45:19

All handlers in your code refer to one variable i . You can replace var with let or try this option:

 for (var i = 0; i <= some.length; i++) { createHandler(i); } function createHandler(id) { block1[id].onmouseenter = function(){ block2[id].classList.toggle('active_game'); } }

Replaced in for with let and it worked. Thank you more - Vlad Karablin

The counter does not pass a value to the function [duplicate]

Reported as a duplicate at Grundy. javascript Members with Signs Jan 15 at 11:48 .

1 answer 1

More articles:

The counter does not pass a value to the function [duplicate]

Reported as a duplicate at Grundy. javascript Members with Signs javascript can single-handedly close questions with a javascript label as duplicates, and also re-open them if necessary. Jan 15 at 11:48 .

1 answer 1

More articles:

Reported as a duplicate at Grundy. javascript Members with Signs Jan 15 at 11:48 .