editdom.js

function CreateEle(tag, options = {}) {
    let element = document.createElement(tag)
    Object.keys(options).forEach((key) => {
        element[key] = options[key]
    });
    element.InsertEle = function(innerElement) {
        this.appendChild(innerElement)
        return this
    }
    element.InsertEles = function(innerElements = []) {
        innerElements.forEach(innerElement => this.appendChild(innerElement))
        return this
    }
    element.Empty = function() {
        while(element.firstElementChild) {
            element.firstElementChild.remove();
        }
    }

    return element
}

function InsertEle(outerElement, innerElement) {
    outerElement.appendChild(innerElement)
    return outerElement
}

function InsertEles(outerElement, innerElements = []) {
    innerElements.forEach(innerElement => outerElement.appendChild(innerElement))
    return outerElement
}

function LoadScript(url)
{
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    head.appendChild(script);
}

function Observer(intailData) {
    obersver = {
        data: intailData,
        Subscribe: function (lambda) {
            this.subscribers.push(lambda)
        },
        subscribers: [],
        Update: function(data) {
            this.data = data
            this.Publish()
        },
        Publish: function() {
            //make async
            this.subscribers.forEach((subscriber) => subscriber(this.data))
        }
    }

    return obersver
}