JSFiddle - React, Tailwind, and code Playground
HTML
<div class="block"></div>
CSS
.block {
width: 100px;
height: 100px;
background: red;
position: absolute;
}
JavaScript
// Случайное целое между min и max
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var $block = $('.block');
//По клику блок сдвигается каждый раз на рандомное число
$block.on('click', function () {
//Случайное число от 1 до 40
var randomNumber = getRandomInt(1, 40);
$(this)
//Переменная в аргументе
.animate ({"left": "+="+randomNumber+"px"}, 'slow')
.html('Сдвинулся на: '+randomNumber+'px');
});