first commit

历届学生/吴欣阳/项目开发/练习项目/课程练习/6.16/搜索建议/index.js

@@ -0,0 +1,24 @@
+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 = ""
+    }
+}