Javascript 网站中的搜索栏无法正常工作

我正在为cs50中的web曲目制作一个快速网站，但我的搜索栏功能有问题。我正试图这样做，当你点击搜索栏，一个项目列表将出现（主页，第2页，第3页，第4页）。附加的JS函数也应该这样做，当您在选项列表中键入相应的字母时，带有匹配字母的选项将保留，而没有匹配字母的选项将消失。当我在网站上运行代码时，它根本不起作用。代码片段和图像已附加

总结： 问题1-为什么代码没有正确的字母就隐藏了结果

问题2-为什么当我没有被选中时，代码不隐藏所有列表选项

函数搜索（）
{
var输入、滤波器、ul、li、a、i、TXT值；
输入=document.getElementById（“pgsearchbar”）.value；
filter=input.toUpperCase（）；
ul=document.getElementById（“searchitems”）；
li=ul.getElementsByTagName（“li”）；
对于（i=0；i-1）
{
李[i].style.display=“”；
}
其他的
{
li[i].style.display=“无”；
}
}
}

.pageselector
{
位置：绝对位置；
底部：10%；
左：45%；
}
.横幅
{
背景图片：url（“sky.jpg”）；
填充：60px；
颜色：浅蓝色；
}
班特克斯先生
{
字体大小：50px；
文本阴影：-1px-1px 0#000，1px-1px 0#000，-1px 1px 0#000，1px 1px 0#000；
字体系列：“更快的一个”；
}
.navbar品牌
{
字体系列：“更快的一个”；
字体大小：25px；
}

我的网页
abcdefghijklmnop
基础知识
联系我们：abcdefgh@gmail.com | ###-####-####
















搜寻


第1页
->

输入时缺少事件侦听器

document.getElementById('pgsearchbar').addEventListener('input', ()=>{
search()
})

---

小提琴示例：

您在输入时缺少事件侦听器

document.getElementById('pgsearchbar').addEventListener('input', ()=>{
search()
})

---

小提琴示例：

您的html中有一个错误。将此行更改为：

<input id="pgsearchbar" class="form-control mr-sm-2" type="search" onkeyup"search()" placeholder="Search" aria-label="Search">
                                                                        ^^^^

abcdefghijklmnop
基础知识
联系我们：abcdefgh@gmail.com | ###-####-####
















搜寻


第1页
->

您的html中有一个错误。将此行更改为：

<input id="pgsearchbar" class="form-control mr-sm-2" type="search" onkeyup"search()" placeholder="Search" aria-label="Search">
                                                                        ^^^^

abcdefghijklmnop
基础知识
联系我们：abcdefgh@gmail.com | ###-####-####
















搜寻