godsplane

используйте useEffect

React, preact, htmx

const details = document.querySelector('details')

details.addEventListener('click', (e)=> {
  e.preventDefault()
  //....rest code
})

const arr = [[1,2,3], [4,5,6], [7,8,9]];
const res = arr.flatMap(elem => elem.reduce((acc, val) => acc + val, 0));
console.log(res);

document.querySelector(".wrapper").addEventListener("click", function (e) {
  let id = e.target.id;
  let show = document.querySelector(`#${id}`);
  show.classList.add("show-hidden");
});

Или

document.querySelector(".wrapper").addEventListener("click", function (e) {
  e.target.classList.add("show-hidden");
});

Оставить frame src пустым, url положить в data-src , потом отслеживать через intersection observer появление frame на экране и закидывать url из data-src в src

const sortById = () => {
       const result =  [...sort].sort( a: any, b: any) => b.id - a.id);
       setSort(result)
    }

const link = document.querySelector('a')
link.setAttribute('href' , `tel:${link.innerHTML.replace(/\D/g , '')}`)

https://fullcalendar.io/

Используйте дата атрибуты
Вешаете обработчик на документ. Проверяете таргет клика
Если таргет == data-modal=1 , то открывать модалку с аттрибутом data-modal=1 например. При клике вне любой кнопки закрывать все data-modal

Во первых querySelector возьмет только первый элемент , даже если бы вы правильно указали класс как class="elem" , а не class=".elem", то это бы вряд ли к чему то привело.

https://api.jquery.com/fadein/

https://jsfiddle.net/c2rkjs5t/

.has-child a {
  pointer-events:none;
}