如何制作纯javascript实时搜索方法？

我有最新的数据

<data name="John" job="officer"></data>
<data name="Michael" job="teacher"></data>
<data name="Tommy" job="artist"></data
<data name="Arnold" job="doctor"></data>

---

以下是您可以做的：

let result=document.getElementById（“结果”）
让name=document.getElementById（“名称”）
name.onkeyup=（）=>{
让data=document.querySelectorAll（`data[name=“${name.value}]”）
if（数据长度）{
result.textContent=Array.from（data.map）（i=>`${name.value}是一个${i.getAttribute（“作业”）}`）。join（“，另一个”）
}否则{
result.textContent=`未找到“${name.value}”`
}
}

---

以下是您可以执行的操作：

let result=document.getElementById（“结果”）
让name=document.getElementById（“名称”）
name.onkeyup=（）=>{
让data=document.querySelectorAll（`data[name=“${name.value}]”）
if（数据长度）{
result.textContent=Array.from（data.map）（i=>`${name.value}是一个${i.getAttribute（“作业”）}`）。join（“，另一个”）
}否则{
result.textContent=`未找到“${name.value}”`
}
}

您好，欢迎来到SO。你应该发布你迄今为止尝试过的东西，这样你才能得到有效的帮助。我猜你在寻找：你好，欢迎来到so。您应该发布您迄今为止尝试的内容，以便有效地获得帮助。我猜您正在寻找：

Name: ...
Job: ...