Javascript addEventListener：单击并删除标记

以下是我想获得帮助的案例的详细信息：

    <section class='result'> </section>
some tags... when the input value found/not found

等等

我只希望它只显示一次，当输入改变时，它不会再次重复，它会显示新的不同值：

对不起，不能…'新输入值“

也就是说，当找不到输入数据时，当我在搜索框中更改输入数据后，我想删除该文本

对不起，不能…

然后在我找到它后显示文章数据

因此，我想获得一些关于如何不重复它们的帮助，然后在找到DOM输入的数据后插入新标记

代码如下：

const find=el=>document.querySelector（el）
const create=el=>document.createElement（el）
const lookingThem=find（'.searchButton'）。addEventListener（'click'，（e）=>{
e、 预防默认值（）
const inputText=find（'.box'）.value.trim（）；
//控制台日志（输入文本长度）；
结果（输入文本）；
})
const result=搜索=>{
常量维基百科=`https://en.wikipedia.org/w/api.php?action=query&list=search&prop=info&inprop=url&utf8=&format=json&origin=*&srlimit=20&srsearch=${search}`；//API
获取（维基百科）
.then（resolve=>resolve.json（））
。然后（数据=>{
if（typeof data.continue==“未定义”）{
displayCantFound（查找（'.box'）。值）
}否则{
控制台日志（数据）；
}
})
.catch（（e）=>警报（'发生错误'，e））
}
const displaycontfound=输入值=>{
查找（'.result'）.insertAdjacentHTML（'beforeend'，
`
抱歉，找不到您要查找的内容${theInputValue}
`)
}
//常量显示错误=（）=>{
//
//}

不要每次都插入新的html。完全替换它

const displayCantFound = theInputValue => {
  find('.result').innerHTML  = `<div>
      <h3> sorry can't found what you are looking ${theInputValue} </h3>
  </div>`
}

---

你能发布你当前的Javascript吗？（只需将一个字符串设置为输入的当前值，仅在新值不同时显示消息）我仍在处理找不到的错误，请尝试通过

jshashfakhfhafehesf

输入，请在问题本身中发布所有相关代码（根据SO规则）我刚刚在问题上插入了JSFIDLE，这是代码的链接，不是代码本身，因此如果找到数据，它会更改innerhtml吗？？错误信息，将被删除？？？@koplweou我编辑了答案，用于第二个目的（如果发现数据，则删除错误）。如果你满意，就接受这个答案。这个主意不错

const displayCantFound = theInputValue => {
  find('.result').innerHTML  = `<div>
      <h3> sorry can't found what you are looking ${theInputValue} </h3>
  </div>`
}

if(typeof data.continue === 'undefined'){
   displayCantFound(find('.box').value)
} else {
   console.log(data);
   //this line is added
   document.querySelector('.result').innerHTML = '';
}