Saltamontes de arcoiris

var location = 0;

function drawSquare (color){
jump();
svg.append(‘rect’).transition().delay(17*location).attr(‘width’,30).attr(‘height’,30)
.attr(‘x’,location).attr(‘y’,50).attr(‘fill’,color);
location = location + 30;
};

drawSquare(‘red’);
drawSquare(‘orange’);
drawSquare(‘yellow’);
drawSquare(‘green’);
drawSquare(‘blue’);
drawSquare(‘indigo’);
drawSquare(‘violet’);

segun eso hace lo mismo que la salida propuesta pero me da un herror de la line a de codigo location = location +30; dice que va despues de la liena de codigo larga pero no me deja avanzar

la respuesta es esta:

var location = 0;

función drawSquare (color) {
svg.append (‘rect’). transición (). delay (17 * ubicación) .attr (‘ancho’, 30) .attr (‘altura’, 30)
.attr (‘x’, ubicación) .attr (’ y ‘, 50) .attr (’ relleno ', color);
jump()
location = location + 30
};
drawSquare (‘rojo’);
drawSquare (‘naranja’);
drawSquare (‘amarillo’);
drawSquare (‘verde’);
drawSquare (‘azul’);
drawSquare (‘índigo’);
drawSquare (‘violeta’);

jump() tiene que estar una linea arriba de location