img/gif clicksplosion

<script>
var b = document.body;
var imgurl = "https://media.discordapp.net/attachments/957960883374526546/985850899157106758/IMG_20220613_181903.png";
var size = [10, 20];
function rand(min, max)
{
return Math.floor(Math.random() * (max - min + 1) + min)
}
function getSize()
{
return rand(size[0], size[1]);
}
function lerp(a,b,f)
{
return (b-a)*f+a;
}
function heart(x,y)
{
var s = getSize();
x -= s/2;
y -= s/2;
x = Math.floor(x) + rand(-5, 5);
y = Math.floor(y) + rand(-5, 5);
var fx = x + rand(-40, 40);
var fy = y + rand(-40, 40);
var i = document.createElement("img");
i.src = imgurl;
i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${x}px; top: ${y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;
b.appendChild(i);
var f = 0;
var interval;
interval = setInterval(function() {
var _x = Math.floor(lerp(x, fx, f));
var _y = Math.floor(lerp(y, fy, f));
i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${_x}px; top: ${_y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;
i.style.opacity = 1-f;
f += 0.01;
if (f > 1)
{
clearInterval(interval);
b.removeChild(i);
}
}, 10);
}
function bro(x,y)
{
for (var i = 0; i < 5; i++)
{
heart(x,y);
}
}
b.addEventListener("click", function(event){
var x = event.clientX;
var y = event.clientY;
bro(x,y);
});
</script>