<pre class="shiki github-dark shaku"><code>function html(strings, ...args) { const result = []; let argIndex = 0; for(let string of strings) { const str = `${string}${argIndex &lt; args.length ? args[argIndex]: ""}` result.push(str); argIndex++; } if(argIndex &lt; args.length) { result.push(args[argIndex]); } return result.join("") }// render the result from html() into the containerfunction render(result, container) { // your code here //console.log(result, container) container.innerHTML = result;}// const helloTemplate = (name) =&gt; html`&lt;div&gt;Hello ${name}!&lt;/div&gt;`// // This renders &lt;div&gt;Hello Steve!&lt;/div&gt; to the document body// render(helloTemplate('Steve'), document.body)// // This updates to &lt;div&gt;Hello Kevin!&lt;/div&gt;, but only updates the ${name} part// render(helloTemplate('Kevin'), document.body);</code></pre>

O(n)

According to lit-html homepage, > lit-html lets you write HTML templates in JavaScript, then efficiently render and re-render those templates together…