Вопрос по информатике:
JavaScript
Пожалуйста, напишите скрипт, который задаёт определённый класс элементу в зависимости от размеров экрана.
Например: ширина экрана не больше 1024 px, высота - не больше 768 px - элементу задаётся, при большей ширине или высоте.
В том числе, классы должны меняться при изменении размеров экрана.
Трудности с пониманием предмета? Готовишься к экзаменам, ОГЭ или ЕГЭ?
Воспользуйся формой подбора репетитора и занимайся онлайн. Пробный урок - бесплатно!
- 07.03.2018 01:17
- Информатика
- remove_red_eye 7472
- thumb_up 35
Ответы и объяснения 1
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);
- 08.03.2018 14:07
- thumb_up 44
Знаете ответ? Поделитесь им!
Есть сомнения?
Не нашли подходящего ответа на вопрос или ответ отсутствует? Воспользуйтесь поиском по сайту, чтобы найти все ответы на похожие вопросы в разделе Информатика.
Трудности с домашними заданиями? Не стесняйтесь попросить о помощи - смело задавайте вопросы!
Информатика — наука о методах и процессах сбора, хранения, обработки, передачи, анализа и оценки информации с применением компьютерных технологий, обеспечивающих возможность её использования для принятия решений.