Как выполнить код JS без перезагрузки страницы?

Question

[TipTop89]

Подскажите пожалуйста, есть код JS, до ширины экрана в 480px выполняется один код, после 480px выполняться должен другой. Но без перезагрузки страницы код не выполняется, есть ли методы что-бы выполнить код без перезагрузки страницы? Заранее извиняюсь за тупой вопрос, в js я еще новичок и в интернете особо нечего не нашел(или плохо искал). Спасибо

Comments

[Алексей Дубровин]

Как вы определили что код не работает?

[TipTop89]

Алексей Дубровин, добавил html и css

[Алексей Дубровин]

TipTop89,
Ну, пример работает.
Выставите радиусы 30 и 180. И сами убедитесь

Answer 1

[RAX7]

Прежде чем добавлять новые span, нужно удалить старые. Вместо события resize в данном случае лучше использовать MediaQueryList: change event

Comments

[TipTop89]

Буду знать!Спасибо, помогло!!

Answer 2

[Stalker_RED]

Слушайте событие resize

<pre id="out"></pre>
<script>
window.addEventListener('resize', foo);

function foo() {
  if (document.documentElement.clientWidth > 480) {
   out.textContent = 'больше 480';
  } else {
    out.textContent = 'меньше 480';
  }
}
</script>

Comments

[twobomb]

Он и так его слушает, и всё там должно работать