<pre class="shiki github-dark shaku"><code>/** * @param {HTMLElement} * @return {object} object literal presentation */function virtualize(element) { // your code here if(element.nodeType === Node.TEXT_NODE){ return element.nodeValue; } const obj = { type: element.nodeName.toLowerCase(), props:{} } for(let attr of element.attributes){ const name = attr.name === "class" ? "className" : attr.name obj.props[name] = attr.value } const children = Array.from(element.childNodes).map((child)=&gt;virtualize(child)) obj.props.children = children.length &gt; 1 ? children : children[0] return obj}/** * @param {object} valid object literal presentation * @return {HTMLElement} */function render(obj) { // your code here if(typeof obj === "string"){ return document.createTextNode(obj) } const {type,props} = obj; const domNode = document.createElement(type) for(let [key, value] of Object.entries(props)){ if(key !== "children"){ const attrName = key === "className" ? "class" : key; domNode.setAttribute(attrName,value) } } const children1 = Array.isArray(props.children) ? props.children : [props.children] children1 .filter(child=&gt;child!==null) .forEach((child)=&gt;domNode.appendChild(render(child))) return domNode;}</code></pre>