<ol>
</ol>
<pre>
</pre>
import domLense from "https://cdn.jsdelivr.net/gh/darkwiiplayer/skooma-js@3b3e646/domLense.js"
const transforms = {
get(li) { return li.innerText },
set(li, text) { li.innerText = text },
new() { return document.createElement("li") }
}
window.list = domLense(document.querySelector("ol"), transforms)
list.push("First item on the list")
list.push("Another item on the list")
list.reverse()
document.querySelector("pre").append(list.map(text => `* ${text}`).join("\n"))
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.