TAG
CSS
JavaScript
Result
Run
License
<fieldset> <textarea id="text" placeholder="Enter text or HTML code and press the Create Node button." rows="4"></textarea> <button type="button" id="btn-createtextnode">Create Text node</button> </fieldset> <ul id="list"></ul>
fieldset { display: flex; gap: 0 10px; border-style: none; }
window.addEventListener("load", function() { const elText = document.getElementById("text"); const elBtn = document.getElementById("btn-createtextnode"); const elList = document.getElementById("list"); elBtn.addEventListener("click", () => { let data = elText.value; if(data) { const nText = document.createTextNode(data); let elAddLi = document.createElement("li"); elAddLi.append(nText); elList.append(elAddLi); elText.value = ""; } }); });
Console
expand_less
License
License
by DevDic
Close