Js не реагирует на размер окна, почему?

Question

[men10577]

Добрый день!
Пытаюсь сделать, чтобы ссылка появлялась в элементе, при размере окна 768px. В итоге, она появляется независимо от размера окна.
Подскажите, что делаю не так?

<div class="express_form" id="express_form" onclick="myFunction()">
	<div class="express_form-bg">
	</div>
	<div class="express_form-txt">
		.....
	</div>
</div>

<script>
	if (window.innerWidth < 768) {
 function myFunction() {
 location.href = '/бриф';
}
	}
</script>

Answer 1

[Andrey Vasilev]

Всё работает, если хочешь чтобы срабатывало при ресайце - addEventListener
а сейчас тебе нужно обновить страницу на разрешении < 768, произвести клик и всё сработает

Comments

[men10577]

Вопрос в том, что работает и с разрешение > 768

[Andrey Vasilev]

men10577, пишет что функция не объявлена при > 768

[men10577]

Andrey Vasilev, Да, открыл в хроме - не срабатывает
В сафари срабатывает

[men10577]

Andrey Vasilev, Точнее в хроме как и должно быть, а в сафари переходит по ссылке, когда >768

[Andrey Vasilev]

men10577,

[Andrey Vasilev]

men10577, ресайц делай окна и смотри в консольку

Answer 2

[Stalker_RED]

Убери этот js и используй медиазапросы.

Answer 3

[efters]

Ваш скрипт отрабатывает только один раз, как только страница загрузилась, соответственно если при загрузке (исполнении скрипта) if отработает, то и условие выполнится. Если надо, чтобы каждый раз при resize выполнялась проверка, то сделайте eventListener на resize

Пример: https://jsfiddle.net/vadimtch/scwf5v90/5/