Как удалить блок при определенном размере окна браузера?

Question

[depstor]

if (document.documentElement.clientWidth === '769') {
        console.log('+')
    } else {
        console.log('-')
    }

Есть div в нем img при размере экрана 769рх нужно блок с картинкой удалить, что не так с моим условием ?
(написал как пример) при любом расширении срабатывает только блок else

Answer 1

[Aetae]

=== точное сравнение с учётом типа. clientWidth - число, '769' - строка, число никогда не равно строке. Уберите кавычки.
Также верным условие будет только если clientWidth точно будет равно числу с правой стороны. Вы уверены, что это именно то, что вам нужно? Возможно стоит использовать >= или <=?

Ну и использовать javascript для таких задач не принято в своременном вэбе. Для этого есть css media queries.

Comments

[depstor]

Спасибо