TAG
CSS
JavaScript
Result
Run
License
<textarea id="content">Hello</textarea> <button id="btn" type="button">Read Only</button>
textarea:read-only { background-color: lightgray }
window.addEventListener("load", () => { const $elContent = document.getElementById("content"); const $elBtn = document.getElementById("btn"); let readOnly = false; $elBtn.addEventListener("click", e => { readOnly = !readOnly; $elContent.readOnly = readOnly; e.currentTarget.textContent = readOnly ? "Editable" : "Read Only"; }); });
Console
expand_less
License
License
by DevDic
Close