<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"))

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.