function getWindowWidth() {
return window.innerWidth || document.body.clientWidth;
}
if (getWindowWidth() >= 400) {
const element = document.querySelector('.asd');
element.outerHTML = element.innerHTML;
}
Но он срабатывает только один раз при загрузке страницы, если я зайду в панель разработчика в google chrome и буду изменять разрешение уже загруженной страницы, то этот скрипт не будет изменять. Он будет работать единожды за одно обновление страницы.
Я хочу так:
Чтобы этот скрипт выполнялся в реальном времени, то есть когда я изменял разрешение браузера этот скрипт удалял родителя и возвращал
Но чтобы потом этот родитель возвращался. Например если разрешение больше 700px то удалялся родитель, а если 600px то оставался. И все это чтобы менялось