Завдання 5. stem-центручні вашої школи вирішили - вопрос №13253455 от zherukova00 09.05.2021 22:45

Question

Информатика: Завдання 5. stem-центручні вашої школи вирішили облаштувати stem-центр і представити свою ідею адміністрації табатьківському комітету школи. вони запропонували вам долучитися до проекту. ви вирішили по-яснити, що означають літери s, t, е, му його назві, та як організовані такі центри в україні тасвіті. для такого центру ви плануєте розробити сайт, розмістити на ньому логотип stem-центру,тому вам слід розробити карту структури сайта, а для організації зворотного зв язку із центром,попереднього запису

zherukova00 · Answer

Function chooseClassByWindowWidth() {
let el = ...; // элемент, на который надо навешивать класс, например, document.querySelector('img.resizeable')
let width = window.innerWidth, height = window.innerHeight; // innerWidth, innerHeight измеряют внутренние размеры, если нужны внешние, с учетом тулбаров, строк заголовка и т.п. – нужно inner поменять на outer
if (width <= 1024 && height <= 768) {
el.classList.add('A');
el.classList.remove('B');
} else {
el.classList.add('B');
el.classList.remove('A');
}
}

Чтобы функция выполнялась при изменении размеров, нужно добавить её как обработчик события resize:
window.onresize = chooseClassByWindowWidth;
или
window.addEventListener("resize", chooseClassByWindowWidth);