javascript窗口条件不工作

我正在努力使这个条件发挥作用。我无法使用媒体查询，因为我的功能需要按下按钮才能工作

编辑： 我的网站应该将顶部导航栏更改为边栏，当窗口大小减小到某一点时，边栏可以打开和关闭

我添加了更多的细节，这是我所有的代码（包括html、css和javascript）：

正文{
-webkit字体平滑：抗锯齿；
利润率：0%；
字体系列：Arial；
滚动行为：平滑；
背景：线性梯度（#e6，白色）；
高度：自动；
}
：-webkit滚动条{
宽度：10px；
}
：-webkit滚动条拇指：悬停{
背景#80bff；
过渡：0.5s；
}
：-webkit滚动条轨迹{
背景#f2f2；
}
：-webkit滚动条拇指{
边界半径：25px；
边框样式：实心；
边框颜色：#F2F2；
边框底宽：1px；
背景:#3399ff；
}
.标题{
位置：相对位置；
左：0px；
右：0px；
顶部：0px；
字号：187%；
文本对齐：左对齐；
填充：1.5%；
背景色：白色；
颜色：灰色；
z指数：2；
}
.内容{
溢出：隐藏；
}
.卡片{
位置：相对位置；
保证金权利：2%；
左缘：2%；
利润率最高：1%；
利润底部：2%；
}
.卡p{
背景色：白色；
浮动：左；
盒影：0px 4px 8px 1px rgba（0,0,0,0.2）；
边界半径：5px；
左侧填充：15px；
右侧填充：15px；
填充顶部：15px；
垫底：15px；
过渡：0.3s；
}
.卡p：悬停{
盒影：0px 8px 16px 1px rgba（0,0,0,0.2）；
}
.卡a{
浮动：左；
颜色：灰色；
文本对齐：居中；
文字装饰：无；
显示：块；
边界半径：5px；
左：1%；
右：1%；
垫面：0.7%；
垫底：0.7%；
过渡：0.3s；
}
.卡a：悬停{
盒影：0px 3px 10px rgba（0,0,0,0.1）；
背景色：#fbfb；
颜色：#3399ff；
}
.导航{
z指数：1；
宽度：100%；
溢出：可见；
列表样式类型：无；
背景色：白色；
盒影：0px 3px 25px rgba（0,0,0,0.2）；
职位：-网络工具包粘性；
位置：粘性；
顶部：0px；
填充顶部：0px；
高度：自动；
}
#边栏{
宽度：100%；
}
李安，.dropbtn{
背景色：白色；
浮动：左；
显示：块；
文本对齐：居中；
填充：1%；
字体大小：100%；
颜色：灰色；
文字装饰：无；
过渡：0.5s；
}
li a:悬停：未（.active），.dropdown:悬停.dropbtn{
背景色：#F2F2；
盒影：0px 3px 25px rgba（0,0,0,0.2）；
z指数：3；
}
@介质（最大宽度：1000px）{
.导航{
z指数：2；
身高：100%；
宽度：0；
位置：固定；
背景色：#e6；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
李安，.dropbtn{
背景色：#e6；
浮动：左；
文本对齐：左对齐；
填充：10px；
宽度：100%；
文字装饰：无；
字体大小：25px；
显示：内联块；
z指数：1；
}
.下拉内容{
背景色：#e6；
宽度：50%；
}
.关闭{
宽度：自动；
浮动：对；
填充：6px 16px 6px 16px；
位置：绝对位置；
文本对齐：居中；
顶部：5px；
右：5px；
字体大小：36px；
左边距：50像素；
}
.大约一周{
左：20.4px；
浮动：左；
}
.closebtn:悬停{
边界半径：50%；
}
#main1{
过渡：左边距0.5s；
}
#缅因州2{
过渡：左边距0.5s；
}
.标题{
位置：固定；
盒影：0px 3px 25px rgba（0,0,0,0.2）；
}
.收割台跨度{
颜色：#3399ff；
填充物：5px；
}
#边栏{
宽度：0px；
}
.卡片{
利润率最高：10%；
}
}
@介质（最小宽度：1000px）{
.关闭{
显示：无；
}
.收割台跨度{
显示：无；
}
.导航{
宽度：100%；
}
#边栏{
宽度：100%；
}
}
.下拉列表{
位置：相对位置；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#F2F2；
最小宽度：1%；
盒影：0px 8px 16px 1px rgba（0,0,0,0.3）；
边界半径：0px 5px 5px；
}
.下拉内容a{
颜色：灰色；
填充：10%；
宽度：80%；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉：悬停.下拉内容{
显示：内联块；
背景色：白色；
}
.主动{
背景色：#3399ff；
颜色：白色；
}
.大约一周{
浮动：对；
位置：相对位置；
}
.活动：悬停{
背景色：#80bff；
盒影：0px 3px 25px rgba（0,0,0,0.2）；
过渡：0.5s；
}
克利尔左{
清除：左；
}

测试
$（窗口）。调整大小（函数（）{
var w=$（window.width（）；
如果（w<1000）{
函数（openNav（）{
document.getElementById（“侧栏”）.style.width=“250px”；
document.getElementById（“main1”）.style.marginLeft=“250px”；
document.getElementById（“main2”）.style.marginLeft=“250px”；
});
函数（closeNav（）{
document.getElementById（“侧栏”）.style.width=“0px”；
document.getElementById（“main1”）.style.marginLeft=“0px”；
document.getElementById（“main2”）.style.marginLeft=“0px”；
});
}
如果（w>1000）{
函数（openNav（）{
document.getElementById（“侧栏”）.style.width=“100%”；
});
函数（closeNav（）{
document.getElementById（“侧栏”）.style.width=“100%”；
});
}
});
☰
网站