document.documentElement.style = '--test: 1;' тоже работает, т.к. это прописано в спецификации:interface mixin ElementCSSInlineStyle {
[SameObject, PutForwards=cssText] readonly attribute CSSStyleDeclaration style;
};init():const observer = new ResizeObserver(entries => mapArray.forEach(map => map.container.fitToViewport()));
tabItems.forEach(node => observer.observe(node));display: none;
const tasks = JSON.parse(await response.text());const tasks = await response.json();
getData().then(() => createDataCells(data));
timeСompleted всегда находится последний созданный элемент, так работают замыканияaddTaskInTodoList() в ней самой, а не в DOMContentLoaded
const nachisleno = responseData.find(i => i.НАЧИСЛЕНО).НАЧИСЛЕНО;
const uderzhano = responseData.find(i => i.УДЕРЖАНО).УДЕРЖАНО;
const upperRows = function*(){
for (let i = 0; i < Math.max(nachisleno.length, uderzhano.length); i += 1) {
yield [ nachisleno[i] ?? {}, uderzhano[i] ?? {}, ];
}
};responseData.map() заменить на${Array.from(upperRows()).map(item => {
const видНачисления = item[0]["ВидНачисления"] || "";
const периодНачисления = item[0]["ПериодНачисления"] || "";
const отработанныеДни = item[0]["ОтработанныеДни"] || "";
const отработанныеЧасы = item[0]["ОтработанныеЧасы"] || "";
const оплаченныеДни = item[0]["ОплаченныеДни"] || "";
const оплаченныеЧасы = item[0]["ОплаченныеЧасы"] || "";
const суммаНачисления = item[0]["СуммаНачисления"] || "";
const видУдержания = item[1]["ВидУдержания"] || "";
const периодУдержания = item[1]["ПериодУдержания"] || "";
const суммаУдержания = item[1]["СуммаУдержания"] || "";
return `
<tr>
<td class="tg-jxgv">${видНачисления}</td>
<td class="tg-l38m" colspan="2">${периодНачисления}</td>
<td class="tg-l38m">${отработанныеДни}</td>
<td class="tg-l38m">${отработанныеЧасы}</td>
<td class="tg-l38m">${оплаченныеДни}</td>
<td class="tg-l38m">${оплаченныеЧасы}</td>
<td class="tg-l38m">${суммаНачисления}</td>
<td class="tg-jxgv" colspan="3">${видУдержания}</td>
<td class="tg-jxgv" colspan="2">${периодУдержания}</td>
<td class="tg-l38m" colspan="2">${суммаУдержания}</td>
</tr>
`;
}).join('')}src в new Image() и у него ловить load или error
id="fade-window"#fade-Windoww и W
for(in) по объектам как-то странно, когда есть for(of) вместе с Object.entries и подобным
hash_hmac('sha256', BOT_TOKEN, 'WebAppData', true);<head> или в самое начало <body>, чтобы он выполнился при парсинге этого места браузером; и не ссылкой, а напрямую
let close = same.querySelector('.close__popup')if (e.target == same){
script, его содержимое не выполняется, универсальным способом будет пройтись по добавленному куску разметки, найти все такие элементы и потом пересоздать их заменив новыми оригиналы:element.innerHTML = /* разметка */
for (const sourceElement of element.querySelectorAll('script')) {
const resultElement = document.createElement('script');
resultElement.textContent = sourceElement.textContent;
for (const attribute of sourceElement.getAttributeNames()) {
resultElement.setAttribute(attribute, sourceElement.getAttribute(attribute));
}
sourceElement.replaceWith(resultElement);
}