TAG
CSS
JavaScript
Result
Run
License
<h1 id="target" class="target">No draggable</h1> <button type="button" id="btn-change">Enable drag<span></span></button>
.target { width: 250px; }
window.addEventListener("DOMContentLoaded", () => { const $elTarget = document.getElementById("target"); const $elBtnChange = document.getElementById("btn-change"); let draggable = false; $elBtnChange.onclick = e => { draggable = !draggable; $elTarget.draggable = draggable; e.currentTarget.textContent = draggable ? "Disable drag" : "Enable drag"; $elTarget.textContent = draggable ? "Draggable" : "No draggable"; }; });
Console
expand_less
License
License
by DevDic
Close