<pre class="shiki github-dark shaku"><code>/** * MyElement is the type your implementation supports * * type MyNode = MyElement | string *//** * @param { string } type - valid HTML tag name * @param { object } [props] - properties. * @param { ...MyNode} [children] - elements as rest arguments * @return { MyElement } */function createElement(type, props, ...children) { return { type, props: { ...props, children } }}/** * @param { MyElement } * @returns { HTMLElement } */function render(myElement) { let { type, props: { className, children, ...rest } } = myElement const element = document.createElement(type) if (className) { element.classList.add(className) } if (children) { children = Array.isArray(children) ? children : [children] children.forEach(child =&gt; { if (typeof child === 'string') { element.append(document.createTextNode(child)); } else { element.append(render(child)); } }) } if (rest) { Object.entries(rest).forEach(([key, value]) =&gt; { element.setAttribute(key, value) }) } return element}</code></pre>