JSFiddle - React, Tailwind, and code Playground

by mkdizajn

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<div id="area">
<div id="rectangle"></div>
</div>

CSS

#area {
    width: 200px;
    height: 200px;
    background-color: red;
    margin: 150px auto;
}

#rectangle {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: black;
}

JavaScript

$('#area').on('mousemove', function (e) {
    $('#rectangle').css({
        left: e.pageX,
        top: e.pageY
    });
});