Trascina questo rettangolo


Codice
<style>
.grab {
cursor: grab;
}
.grabbing {
cursor: grabbing;
}
</style>
</head>
<body>

<div id="dragBox" class="grab" style="width:200px; height:100px; border:1px solid #000; display:flex; align-items:center; justify-content:center;">
Trascina questo rettangolo
</div>
<script>
const box = document.getElementById('dragBox');
box.addEventListener('mousedown', () => {
box.className = 'grabbing';
});
box.addEventListener('mouseup', () => {
box.className = 'grab';
});
</script>