Как отследить изменение ширины экрана 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.

1 0
Познакомьтесь с основами JavaScript бесплатно