<pre class="shiki github-dark shaku"><code>/** * @param {HTMLElement} * @return {object} object literal presentation */function virtualize(element) { // your code here const result = { type: element.tagName.toLowerCase(), props: {} } const props = {} if (element.hasAttributes()) { for (let {name, value} of element.attributes) { props[name == 'class' ? 'className' : name] = value } } const children = [] if (element.hasChildNodes()) { for (let node of element.childNodes) { if (node.nodeType == 1) { children.push(virtualize(node)) } else if (node.nodeType == 3) { children.push(node.textContent) } } } if (children.length) { if (children.length == 1) { props.children = children[0] } else { props.children = children } } result.props = props return result}/** * @param {object} valid object literal presentation * @return {HTMLElement} */function render(obj) { // your code here let { type, props: { className, children, ...restProps }} = obj const ele = document.createElement(type) if (className) ele.classList.add(className) if (children) { if (!(children instanceof Array)) { children = [children] } children.forEach(child =&gt; { if (typeof child == 'string') { ele.append(document.createTextNode(child)) } else { ele.append(render(child)) } }) } if (restProps) { Object.entries(restProps).forEach(([key, value]) =&gt; { ele.setAttribute(key, value) }) } return ele}</code></pre>