Javascript-форум - Условие в зависимости от ширины браузера

Javascript-форум (https://javascript.ru/forum/)

- Javascript под браузер (https://javascript.ru/forum/css-html/)

- - Условие в зависимости от ширины браузера (https://javascript.ru/forum/css-html/74351-uslovie-v-zavisimosti-ot-shiriny-brauzera.html)

Условие в зависимости от ширины браузера

Необходимо прописать условие при котором меняется част html кода.
Т.е. при ширине браузера менее 768 px необходимо прописать в шаблоне

Код:

<div>

, в остальных случаях прописать

Код:

<a href="#list" class="all_view"  data-uk-toggle="{target:'#spisok'}">Смотреть весь список</a><div  id="spisok" class="uk-hidden">

@media screen не подходит поэтому прошу помощи здесь, к сожалению сам в javascript не бум-бум. Пробовал так, но не работает

Код:

<script type="text/javascript">

if (screen.width <= 768){

   document.write('<div>');

}

else

{

 document.write ('<a href="#list" class="all_view"  data-uk-toggle="{target:'#spisok'}">Смотреть весь список</a><div  id="spisok" class="uk-hidden">');

}

</script>

объект screen это текущее разрешение монитора или экрана мобильного устройства
вам подойдет условие

if (innerWidth <= 768)

и вот в этой части у вас ошибка, одинарные кавычки в одинарных кавычках

data-uk-toggle="{target:'#spisok'}">

О даааа! Теперь все работает:dance: . Спасибо большое за помощь :thanks: !!!

Вот такработает

<script type="text/javascript">
if (window.innerWidth <= 768){
   document.write('<div>');
}
else
{
 document.write ('<a href="#list" class="all_view"  data-uk-toggle="{target:\'#spisok\'}">Смотреть весь список</a><div  id="spisok" class="uk-hidden">');
}
</script>