Javascript 在自己的搜索框中，x按钮不会隐藏

我正在做我自己的搜索框，下面是代码：

const myInput=document.querySelector（'input'））
，btSearchReset=document.querySelector（“.header search reset”）
;
myInput.addEventListener（'keyup'，function（）{
如果（this.value==“”）{
btSearchReset.classList.remove（'reset'）；
}
否则{
btSearchReset.classList.add（'reset'）；
}
});
btSearchReset.addEventListener（'单击'，函数（））{
myInput.value=“”；
});
输入{
边框：1px实心#000；
}
.header搜索输入：：-ms clear{display:none；}
.标题搜索重置{
光标：指针；
不透明度：0；
可见性：隐藏；
转换：不透明度.2s，可见性.2s；
}
.header-search-reset.reset{
不透明度：1；
能见度：可见；
}

X
添加
btSearchReset.classList.remove（'reset'）以删除类“重置”

希望它有帮助
只需在单击函数中添加
document.querySelector（'.header search reset'）.classList.remove（'reset'）
。
const myInput = document.querySelector('input');
      btSearchReset = document.querySelector('.header-search-reset');

    myInput.addEventListener('keyup',function() {
      if(this.value === ""){
        btSearchReset.classList.remove('reset');
      }
      else {
        btSearchReset.classList.add('reset');
      }
    });

    btSearchReset.addEventListener('click',function() {
        myInput.value = "";
         btSearchReset.classList.remove('reset');
    });

remove  btSearchReset.classList.remove('reset') btSearchReset.addEventListener('click',function()