{"ScriptPreparationCode":"function createFragment(strHTML) {\r\n return document.createRange().createContextualFragment(strHTML);\r\n}\r\n\r\nfunction createElement(tagName, props) {\r\n const element = document.createElement(tagName);\r\n\r\n if (props) {\r\n if (typeof props === \u0027string\u0027) {\r\n element.className = props;\r\n }\r\n else {\r\n for (const key in props) {\r\n element[key] = props[key];\r\n }\r\n }\r\n\r\n }\r\n\r\n return element;\r\n}","TestCases":[{"Name":"createFragment","Code":"createFragment(\u0060\r\n \u003Cdiv class=\u0022eventList\u0022\u003E\r\n \u003Ch3 class=\u0022Titleevent\u0022\u003E\r\n \u003Cspan class=\u0022TitleeventLabel\u0022\u003EEvento: \u003C/span\u003E\r\n \u003Cspan class=\u0022TitleeventId\u0022\u003E${\u0027id\u0027} - \u003C/span\u003E\r\n \u003Cspan class=\u0022TitleeventName\u0022\u003E${\u0027name\u0027}\u003C/span\u003E\r\n \u003C/h3\u003E\r\n \u003Cdiv class=\u0022mensagemlist\u0022\u003E\r\n \u003Cdiv class=\u0022mensagemlistBox\u0022\u003E\r\n \u003Clabel class=\u0022mensagemlistBoxLabel\u0022\u003EDeje un mensaje:\u003C/label\u003E\r\n \u003Ctextarea class=\u0022mensagemlistBoxInput\u0022 id=\u0022mensajeLimit\u0022\u003E\u003C/textarea\u003E \r\n \u003Csmall id=\u0022sprestante\u0022\u003E\u003C/small\u003E\r\n \u003C/div\u003E\r\n \u003Cdiv class=\u0022mensagemlistButtons\u0022\u003E\r\n \u003Cinput type=\u0022submit\u0022 value=\u0022Guardar\u0022 class=\u0022btn-guardar\u0022\u003E\r\n \u003Cbutton class=\u0022btn-excluir\u0022\u003EEsta compra no es un regalo\u003C/button\u003E\r\n \u003C/div\u003E\r\n \u003C/div\u003E\r\n \u003C/div\u003E\r\n\r\n\u0060)","IsDeferred":false},{"Name":"createElement","Code":"const title = createElement(\u0027h3\u0027, { className: \u0027Titleevent\u0027 });\r\ntitle.appendChild(createElement(\u0027span\u0027, { className: \u0027TitleeventLabel\u0027, textContent: \u0027Evento: \u0027 }));\r\ntitle.appendChild(createElement(\u0027span\u0027, { className: \u0027TitleeventId\u0027, textContent: \u0060${\u0027id\u0027} - \u0060 }));\r\ntitle.appendChild(createElement(\u0027span\u0027, { className: \u0027TitleeventName\u0027, textContent: \u0027name\u0027 }));\r\n\r\n\r\nconst messageList = createElement(\u0027div\u0027, { className: \u0027mensagemlist\u0027 });\r\n\r\nconst listBox = createElement(\u0027div\u0027, { className: \u0027mensagemlistBox\u0027 });\r\nlistBox.appendChild(createElement(\u0027label\u0027, { className: \u0027mensagemlistBoxLabel\u0027, textContent: \u0027Deje un mensaje:\u0027 }));\r\nlistBox.appendChild(createElement(\u0027textarea\u0027, { className: \u0027mensagemlistBoxInput\u0027, id: \u0027mensajeLimit\u0027 }));\r\nlistBox.appendChild(createElement(\u0027small\u0027, { id: \u0027sprestante\u0027 }));\r\n\r\nconst buttons = createElement(\u0027div\u0027, { className: \u0027mensagemlistButtons\u0027 });\r\nbuttons.appendChild(createElement(\u0027input\u0027, { type: \u0027submit\u0027, value: \u0027Guardar\u0027, className: \u0027btn-guardar\u0027 }));\r\nbuttons.appendChild(createElement(\u0027button\u0027, { className: \u0027btn-excluir\u0027, textContent: \u0027Esta compra no es un regalo\u0027 }));\r\n\r\nmessageList.appendChild(listBox);\r\nmessageList.appendChild(buttons);\r\n\r\n\r\nconst container = createElement(\u0027div\u0027, \u0027eventList\u0027)\r\ncontainer.appendChild(title);\r\ncontainer.appendChild(messageList);","IsDeferred":false}]}