Javascript setAttribute для каждой секунды svg

Question

Я хочу, чтобы только каждый второй прямоугольник вращался с помощью мыши, чтобы двигаться, что я делаю неправильно? Как я могу сделать свое преобразование так, чтобы высота и вращение изменялись только на каждый второй элемент? я попробовал его с если (я% 2 == 0) {}

function modifyRectangles(mouseX,mouseY) { 
for (var i = 0; i < myRects.length; i++) { 
// var sx = 1; 
var h = myRects [i].getAttribute("height"); 
if (i % 2 == 0){ 
    var angle = (mouseY) + 45; 
    var sy =(mouseY/10) + 0.5; 
} 



angle -= 45; 

myRects[i].setAttribute("transform", "translate(" + x + ", 100),  rotate("+angle+"), scale(1, " + sy + ")"); 
} 
} 

Answer 1

Вытащите только условие, а не код внутри скобок это:

if (i % 2 == 0){...} 

Тогда изменение ваш для цикла:

for (var i = 0; i < myRects.length; i +=2) {...