Javascript 如何添加/删除隐藏类

我有一个锚定标记，我想从中删除/添加一个隐藏类，但由于某些原因，我的简单if-else语句不起作用，“Reset”仍然显示。我想要这样，当输入中有文本时，它会显示，但当它为空时，它不会显示。我一直没能让它工作。如果需要，我可以提供更多

const search = document.querySelector('.frm-control');
const reset = document.querySelector('.reset')
if (search != "") {
  reset.classList.remove('hidden');
} else {
  reset.classList.add('hidden');
}
console.log(reset)
console.log(search)

reset.addEventListener('click', function (e) {
  // x();
  // e.preventDefault();


  // const row = document.querySelectorAll('.thumb-display');
  // row.classList.add('hidden');
  // search.innerHTML = "";
})

起初，我想将条件添加到我的事件侦听器中，但这也不起作用

---

HTML:

您可以在元素的输入事件处理程序函数中设置类

请注意：要重置输入元素中的文本，必须使用

值

属性，而不是

innerHTML

请尝试以下方法：

const search=document.querySelector（'.frm control'）；
const reset=document.querySelector（'.reset'）
search.addEventListener（'input'，函数（e）{
if（this.value.trim（）！=“”）{
reset.classList.remove（'hidden'）；
}否则{
reset.classList.add（'hidden'）；
}
});
reset.addEventListener（'click'，函数（e）{
//x（）；
//e.预防违约（）；
//const row=document.querySelectorAll（'.thumb display'）；
search.value=“”；
reset.classList.add（'hidden'）；
});
。隐藏{
可见性：隐藏；
}
搜索
永远不会等于
“
，因为它从来都不是字符串。我想是这样吧？主要问题：1）删除/添加类需要进入文本字段的
input
事件内部2）使用
.value