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

Ответы
Аватар пользователя Вячеслав Межуревский

Для отслеживания размеров окна браузера достаточно привязаться к событию 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.

0 0
Добавьте ваш ответ

Рекомендуемые курсы

классы
инкапсуляция
контекст
прототипы
15 часов
Посмотреть
шаблонизация
REST
мидлвары
тестирование
11 часов
Посмотреть
утверждения
jest
матчеры
юнит-тесты
14 часов
Посмотреть

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