{"ScriptPreparationCode":"window.articles = [\r\n {\r\n title: \u0027Lorem ipsum dolor sit amet\u0027,\r\n author: \u0027John Doe\u0027,\r\n text: \u0027Lorem ipsum dolor sit amet, consectetur adipisicing elit.\\nIllum, impedit voluptatem? Ratione.\u0027\r\n },\r\n {\r\n title: \u0027Consectetur adipisicing\u0027,\r\n author: \u0027John Dox\u0027,\r\n text: \u0027Lorem ipsum dolor sit amet,\\nconsectetur adipisicing elit.\\nIllum, impedit voluptatem?\u0027\r\n },\r\n {\r\n title: \u0027Impedit voluptatem\u0027,\r\n author: \u0027Johan Doch\u0027,\r\n text: \u0027Impedit voluptatem? Lorem ipsum dolor sit amet,\\nconsectetur adipisicing elit.\u0027\r\n }\r\n];\r\n\r\nconst keys = [\u0027title\u0027, \u0027author\u0027, \u0027text\u0027];\r\nconst classes = [\r\n \u0027.article-header_\u0027 \u002B keys[0],\r\n \u0027.article-header_\u0027 \u002B keys[1],\r\n \u0027.article-\u0027 \u002B keys[2]\r\n];\r\n\r\n// get template, clone it, replace textContent of nodes\r\nconst realTemplate = document.getElementById(\u0027real-template\u0027);\r\nwindow.fromTemplate = (vars) =\u003E {\r\n const node = realTemplate.content.firstElementChild.cloneNode(true);\r\n const nodes = node.querySelectorAll(\u0027\u0027 \u002B classes);\r\n for (let i = 0; keys[i]; i\u002B\u002B) {\r\n nodes[i].textContent = vars[keys[i]];\r\n }\r\n return node;\r\n}\r\n\r\nconst cache = {};\r\n\r\nfunction el(tag, props, children) {\r\n const el = cache[tag] ? cache[tag].cloneNode() : cache[tag] = document.createElement(tag);\r\n\r\n Object.assign(el, props);\r\n\r\n el.append(...(children || []));\r\n\r\n return el;\r\n}\r\n\r\n// rebuild whole element from scratch\r\nwindow.articleBuilder = (vars) =\u003E (\r\n el(\u0027article\u0027, {className: \u0027article\u0027}, [\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n el(\u0027header\u0027, {className: \u0027article-header\u0027}, [\r\n el(\u0027h1\u0027, {className: \u0027article-header_title\u0027}, [\r\n vars.title\r\n ]),\r\n el(\u0027i\u0027, {className: \u0027article-header_created\u0027}, [\r\n \u0027Created by: \u0027,\r\n el(\u0027b\u0027, {className: \u0027article-header_author\u0027}, [\r\n vars.author\r\n ])\r\n ])\r\n ]),\r\n el(\u0027p\u0027, {className: \u0027article-text\u0027}, [\r\n vars.text\r\n ]),\r\n ])\r\n);","TestCases":[{"Name":"From template","Code":"let i = 1000;\r\nwhile (i--) {\r\n if (i % 3 === 0) {\r\n fromTemplate(articles[2]);\r\n continue;\r\n }\r\n if (i % 2 === 0) {\r\n fromTemplate(articles[1]);\r\n continue;\r\n }\r\n fromTemplate(articles[0]);\r\n}","IsDeferred":false},{"Name":"From code","Code":"let i = 1000;\r\nwhile (i--) {\r\n if (i % 3 === 0) {\r\n articleBuilder(articles[2]);\r\n continue;\r\n }\r\n if (i % 2 === 0) {\r\n articleBuilder(articles[1]);\r\n continue;\r\n }\r\n articleBuilder(articles[0]);\r\n}","IsDeferred":false}],"UseTinyBench":false}