A utility function for creating dom elements similar to `React.createElement`

create-element.js

export function createElement(tag, props, ...children) {
    const element = document.createElement(tag);

    if (props) {
        Object.entries(props).forEach(([key, value]) => {
            if (key.startsWith('on') && typeof value === 'function') {
                element.addEventListener(key.substring(2), value);
            } else if (key.startsWith('data-')) {
                element.setAttribute(key, value);
            } else {
                element[key] = value;
            }
        });
    }
    
    children.forEach(child => {
        if (Array.isArray(child)) {
            return element.append(...child);
        }

        if (typeof child === 'string' || typeof child === 'number') {
            child = document.createTextNode(child);
        }
        
        if (child instanceof Node) {
            element.appendChild(child);
        }
    });

    return element;
}