Сейчас скрипт работает через JQuery, как он будет выглядеть на чистом JS?

Question

[Cal_Lightman]

Подскажите, знающие люди, как правильно будет выглядеть скрипт на чистом JS?
И чтобы и старые и новые браузеры поддерживали его.

function resizeScrenn(){
if ($(window).width() <= 991){

}
else{

}
}
resizeScrenn();
$(window).resize(function(){
	resizeScrenn();
});

Comments

[Владислав Лысков]

youmightnotneedjquery.com

вот тебе инструмент, думаю с помощью него ты сможешь поменять
эти 2 невероятно сложных участка

if ($(window).width() <= 991){

$(window).resize(function(){

Answer 1

[Loli E1ON]

function resizeScreen() {
  if (window.innerWidth <= 991){
    console.log(window.innerWidth);
  }
  else {
    console.log();
  }
}

resizeScreen();
window.addEventListener('resize', resizeScreen);

Comments

[Cal_Lightman]

Почему то вставляю библиотеку Flickity,
Но не отрабатывает else.
В чем может быть причина?

function resizeScreen(){
if (window.innerWidth <= 991){
	console.log(window.innerWidth);

	var elem = document.querySelector('.main-carousel-1');
	var flkty = new Flickity( elem, {
		initialIndex:0,
		cellAlign:'center',
		friction:0.4,
		resize:true,
		contain:false,
		freeScroll:false,
		wrapAround:false,
		prevNextButtons:false,
		pageDots:true,
		percentPosition:true,
		watchCSS:false,
	});

}
else {
	console.log();

flkty.destroy();

}
}
resizeScreen();
window.addEventListener('resize', resizeScreen);

Вот спецификация: Flickity