为什么我的JavaScript可拖动滑块不工作？

我正在尝试用JavaScript创建一个可拖动的滑块。但它对我的一个不起作用。我在W3学校的一个内置HTML上尝试过同样的JS代码，效果很好。我不明白我的代码有什么问题！ 我已经试过了我所关心的一切。但仍然面临同样的问题

let list=document.querySelector（“列表”）；
让光标移动位置；
让光标开始定位；
让光标移动；
让我们离开；
让isdown=false；
lists.addEventListener（“mousedown”，（e）=>{
isdown=真；
光标开始位置=e.pageX；
lists.style.cursor=“抓取”；
如果（isdown==真）{
scrollLeft=lists.scrollLeft；
}
})
列表。addEventListener（“mouseup”，（f）=>{
isdown=假；
lists.style.cursor=“自动”；
})
列表。addEventListener（“mouseleave”，（f）=>{
isdown=假；
lists.style.cursor=“自动”；
})
lists.addEventListener（“mousemove”，（g）=>{
g、 预防默认值（）；
如果（isdown==真）{
光标运行位置=g.pageX；
游标移动=游标运行位置-游标开始位置；
lists.scrollLeft=scrollLeft-游标移动；
}
})

li{
列表样式类型：无；
背景颜色：浅珊瑚；
填充：5px10px 5px10px；
}
*{
保证金：0；
填充：0；
框大小：边框框；
溢出：隐藏；
}
#列表{
显示器：flex；
宽度：157%；
证明内容：之间的空间；
}
.集装箱{
宽度：100%；
背景颜色：黄色；
高度：37vh；
溢出：隐藏；
左缘：20%；
}

测试文件
主页
关于
联系人
投资组合
推荐信

const list=document.querySelector（“.container”）；
让光标移动位置；
让光标开始定位；
让光标移动；
让我们离开；
让isdown=false；
lists.addEventListener（“mousedown”，（e）=>{
isdown=真；
光标开始位置=e.pageX；
lists.style.cursor=“抓取”；
如果（isdown==真）{
scrollLeft=lists.scrollLeft；
}
})
列表。addEventListener（“mouseup”，（f）=>{
isdown=假；
lists.style.cursor=“自动”；
})
列表。addEventListener（“mouseleave”，（f）=>{
isdown=假；
lists.style.cursor=“自动”；
})
lists.addEventListener（“mousemove”，（g）=>{
g、 预防默认值（）；
如果（isdown==true）{
光标运行位置=g.pageX；
游标移动=游标运行位置-游标开始位置；
lists.scrollLeft=scrollLeft-游标移动；
}
})

li{
列表样式类型：无；
背景颜色：浅珊瑚；
填充：5px10px 5px10px；
}
*{
保证金：0；
填充：0；
框大小：边框框；
溢出：隐藏；
}
#列表{
显示器：flex；
宽度：157%；
证明内容：之间的空间；
}
.集装箱{
宽度：80%；
背景颜色：黄色；
高度：37vh；
左缘：20%；
溢出：自动；
}
.container:：-webkit滚动条{
显示：无；
}
/*隐藏IE、Edge和Firefox的滚动条*/
.集装箱{
-ms溢出样式：无；/*IE和边缘*/
滚动条宽度：无；/*Firefox*/
}

测试文件
主页
关于
联系人
投资组合
推荐信

请尝试找出确切的错误，以便有人能帮助您解决。非常感谢。