How to move elements to random positions

Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.

import wixAnimations from 'wix-animations';


$w.onReady(function () {
randomMove()
});


function randomMove() {
        const shapes = ['#Shape01', '#Shape02'];

        shapes.forEach(shape => {
            $w(shape).onMouseIn(async () => {
                let moveX = await randomInteger(-50, 50);
                let moveY = await randomInteger(-50, 50);

                wixAnimations.timeline()
                    .add($w(shape), { x: moveX, y: moveY, duration: 400, easing: 'easeOutBack' }).play();
            })

        })
    }

function randomInteger(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }