How do you make an HTML element draggable?

Add the draggable="true" attribute and use drag events in JavaScript.

Example:

<p id="drag1" draggable="true" ondragstart="drag(event)">Drag

me!</p>

<script>

function drag(e) {

e.dataTransfer.setData("text", e.target.id);

}

</script>

Key Takeaway:

Use draggable="true" plus ondragstart and ondrop to enable drag-and-drop

functionality.