Javascript , напишите скрипт, который задаёт определённый класс элементу в зависимости от размеров экрана. например: ширина экрана не больше 1024 px, высота - не больше 768 px - элементу задаётся class="a", при большей ширине или высоте class="b". в том числе, классы должны меняться при изменении размеров экрана.

174

389

Посмотреть ответы 2

Ответы на вопрос:

Faleck

Информатика

4,4(33 оценок)

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);

gea99

Информатика

4,4(73 оценок)

8192 битов

Объяснение:

перевёл, надеюсь

Реши свою проблему, спроси otvet5GPT

Быстро
Мгновенный ответ на твой вопрос
Точно
Бот обладает знаниями во всех сферах
Бесплатно
Задай вопрос и получи ответ бесплатно

Задай свой вопрос

Популярно: Информатика

Есть вопросы?

Как otvet5GPT работает?

otvet5GPT использует большую языковую модель вместе с базой данных GPT для обеспечения высококачественных образовательных результатов. otvet5GPT действует как доступный академический ресурс вне класса.
Сколько это стоит?

Проект находиться на стадии тестирования и все услуги бесплатны.
Могу ли я использовать otvet5GPT в школе?

Конечно! Нейросеть может помочь вам делать конспекты лекций, придумывать идеи в классе и многое другое!
В чем отличия от ChatGPT?

otvet5GPT черпает академические источники из собственной базы данных и предназначен специально для студентов. otvet5GPT также адаптируется к вашему стилю письма, предоставляя ряд образовательных инструментов, предназначенных для улучшения обучения.