Render Elements

el.js

function el (parent) {
    return function (...args) {
        let out = '';
        if(args.length > 1) {
            let outChild = '';
            args.forEach(arg => {
                outChild += arg;
            });
            out += renderElChild(parent, outChild)
        }
       else {
            return renderElChild(parent, args[0]);
       }
       return out;
    }
}

function renderElChild (parent, child) {
    return `<${parent}>${child}</${parent}>`
}


function main() {
    const div = el('div');
    const p = el('p');

    const html = div(
        p(' Hello '),
        p(' Random '),
        div(
            p(' Hi from p '),
        ),
        p(' Last message ')
    );
    console.log(html);
}

main();