{"ScriptPreparationCode":"const div = document.createElement(\u0027div\u0027);\r\nconst data = [];\r\nconst n = 1000;\r\n\r\nfor (let i=0; i\u003Cn; i\u002B\u002B) {\r\n data[i] = self.crypto.randomUUID()\r\n}","TestCases":[{"Name":"Create many copies.","Code":"const template = document.createElement(\u0027template\u0027);\r\ntemplate.innerHTML =\r\n \u0027\u003Clabel\u003E\u003Cinput type=\u0022radio\u0022 name=\u0022edit\u0022\u003E\u003Cspan\u003E\u003C/span\u003E\u003C/label\u003E\u0027;\r\n\r\nfor (let j=0; j\u003C100; j\u002B\u002B) {\r\n div.replaceChildren(\r\n ...data.map(value =\u003E {\r\n const item = template.content.firstElementChild.cloneNode(true)\r\n item.querySelector(\u0027input\u0027).value = value\r\n item.querySelector(\u0027span\u0027).textContent = value\r\n return item\r\n })\r\n )\r\n}","IsDeferred":false},{"Name":"Create huge string, add data to dom.","Code":"for (let j=0; j\u003C100; j\u002B\u002B) {\r\n const template = document.createElement(\u0027template\u0027);\r\n template.innerHTML =\r\n \u0027\u003Clabel\u003E\u003Cinput type=\u0022radio\u0022 name=\u0022edit\u0022\u003E\u003Cspan\u003E\u003C/span\u003E\u003C/label\u003E\u0027.repeat(data.length);\r\n \r\n const content = template.content.cloneNode(true)\r\n content.querySelectorAll(\u0027input\u0027).forEach(\r\n (input, i) =\u003E input.value = data[i])\r\n content.querySelectorAll(\u0027span\u0027).forEach(\r\n (span, i) =\u003E span.textContent = data[i])\r\n\r\n div.replaceChildren(content)\r\n}","IsDeferred":false},{"Name":"Create huge string with values.","Code":"for (let j=0; j\u003C100; j\u002B\u002B) {\r\n const template = document.createElement(\u0027template\u0027);\r\n template.innerHTML =\r\n data.map(v =\u003E \r\n \u0060\u003Clabel\u003E\u003Cinput type=\u0022radio\u0022 name=\u0022edit\u0022 value=\u0022${v}\u0022\u003E\u003Cspan\u003E${v}\u003C/span\u003E\u003C/label\u003E\u0060\r\n ).join(\u0027\u0027)\r\n \r\n div.replaceChildren(template.content.cloneNode(true))\r\n}","IsDeferred":false}]}