TAG
JavaScript
Result
Run
License
<fieldset> <legend>Resize Textarea</legend> <label>cols:</label> <input id="cols" type="number" min="10" max="100" value="20" /> <label>rows:</label> <input id="rows" type="number" min="2" max="30" value="2" /> </fieldset> <p><textarea id="content"></textarea></p>
window.addEventListener("load", () => { const $elContent = document.getElementById("content"); const $nlElNumber = document.querySelectorAll("#cols, #rows"); $nlElNumber.forEach(el => { el.addEventListener("input", e => { const $elTarget = e.target; let val = $elTarget.value; if($elTarget.id == "cols") { $elContent.cols = val; } else if ($elTarget.id == "rows") { $elContent.rows = val; } }); }); });
Console
expand_less
License
License
by DevDic
Close