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

[Павел71]

Необходимо прописать условие при котором меняется част 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>

[j0hnik]

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

if (innerWidth <= 768)

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

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

[Павел71]

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

[Павел71]

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

<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>