Create Element Util

createElement.js

export function createElement(el = 'div', attributes = {}, innerEls = []) {
    const element = document.createElement(el);
    if (attributes.class) {
        attributes.class.forEach((c) => element.classList.add(c));
    }

    if (attributes.id) {
        element.id = attributes.id;
    }

    if (attributes.on) {
        Object.entries(attributes.on).forEach(([key, value]) => {
            element.addEventListener(key, value);
        })
    }

    Object.entries(attributes)
        .filter(([key, _]) => !(key === 'class' || key === 'id' || key === 'on'))
        .forEach(([key, value]) => {
            element.setAttribute(key, value);
        });


    innerEls.forEach(innerEl => {
        element.append(innerEl)
    })

    return element;
}