Как отследить изменение ширины экрана js

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для отслеживания размеров окна браузера достаточно привязаться к событию resize, например: Исходный HTML файл:

<body>
  <input type="text" id="text">
</body>

Добавим в раздел sсript код, который отслеживает изменения размеров окна.

<sсript type="text/javascript">
  windоw.addEventListener('resize',(e) => {
    cоnst width= document.body.clientWidth;
    cоnst getInput = document.getElementById("text");
    gеtInput.value = width;  
});

Если воспроизвести пример, то можно видеть значение ширины экрана браузера в значении элемента input.

3 года назад

Вячеслав Межуревский

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

2 месяца

ООП на Javascript

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

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

2 месяца

React

Навык разрабатывать быстрые и удобные интерфейсы, открывающий доступ к интересным вакансиям в крупных компаниях

Похожие вопросы