Files
ClassContent/历届学生/吴欣阳/项目开发/练习项目/课程练习/6.16/搜索建议/index.js
2024-09-27 02:06:13 +08:00

24 lines
743 B
JavaScript

var list = ['html学习', '不想学习', '想吃饭', '我没吃饱', '不写代码', '我的学习代码没写完,懒得学习'];
var Keyword = document.querySelector("input");
var ul = document.querySelector("ul");
var Newlist = []
Keyword.oninput = function() {
NewsList = [];
if (Keyword.value.length != 0) {
list.forEach(function(v) {
if (v.includes(Keyword.value)) {
v = v.replaceAll(Keyword.value, `<span>${Keyword.value}</span>`)
NewsList.push(v)
}
});
ul.innerHTML = ""
NewsList.forEach(function(v) {
ul.innerHTML += `<li>${v}</li>`
})
console.log(NewsList);
} else {
ul.innerHTML = ""
}
}