// simplified virtual DOM

var someObjectName = {
  "1531563018024-9718829aa677": {
    "element": "li",
    "text": "Hello World",
    "cssStyle": "color:red",
    "id": "",
    "className": "hello"
  },
  "1531563018029-47baba1f2315": {
    "element": "div",
    "text": "button",
    "cssStyle": "",
    "id": "",
    "className": "del"
  }

// Just with few lines of code you can add and delete elements

var el1 = {}

on($("#bt"), 'click', function(e) {
    add(el1, $("#todo")[0], "li", $("#tx")[0].value);

    on($("li"), 'dblclick', function(e) {
        del(el1, this);
    });
});

Super simple TODO demo

More complex TODO demo that saves the data in the browser

You can use direct download or:

$ npm i ramd

This project is licensed under the MIT License