TAG
JavaScript
Result
Run
License
<button type="button" id="btn-make" value="Apple,Banana,Carrot">Make</button> <ul id="list"></ul>
document.addEventListener("DOMContentLoaded", () => { const ElBtnMake = document.getElementById("btn-make"); const ElList = document.getElementById("list"); ElBtnMake.addEventListener("click", e => { const DocFragment = new DocumentFragment(); let aFruits = e.currentTarget.value.split(","); aFruits.forEach(fruit => { let elAddLi = document.createElement("li"); elAddLi.textContent = fruit; DocFragment.prepend(elAddLi); }); DocFragment.querySelector(":last-child").style.backgroundColor = "yellow"; ElList.append(DocFragment); }); });
Console
expand_less
License
License
by DevDic
Close