JSFiddle - React, Tailwind, and code Playground

by mojno7

HTML

<div id="d1">

</div>

JavaScript

var draw = SVG('d1');

var rect = draw.rect(50, 50).fill('yellow');

function changeElement(element) {
  element.fill({
    r: ~~(Math.random() * 255),
    g: ~~(Math.random() * 255),
    b: ~~(Math.random() * 255)
  });
}

rect.mouseover(function() {
  changeElement(rect);
});

for (i = 0; i < 5; i++) {
  var r = draw.rect(50, 50);
  r.move(i * 80, 100);
  r.fill('pink');  
  r.opacity(0.3);

  r.mouseover(function() {
    changeElement(r);               // <-- this is not working
  });

};