let searchBox=document.querySelector('#searchBox');
let resultList=document.querySelector('#resultList');
let data=['JavaScript', 'Python', 'Ruby', 'Java', 'C++', 'C#', 'PHP'];
searchBox.addEventListener('keyup', function(event) {
resultList.innerHTML='';
let keyword=event.target.value;
if(keyword.length > 0) {
for(let i=0; i < data.length; i++) {
if(data[i].toLowerCase().indexOf(keyword.toLowerCase()) > -1) {
let listItem=document.createElement('li');
listItem.innerText=data[i];
resultList.appendChild(listItem);
}
}
}
});
为你推荐
- 2023-07-02js获取ip地址(JavaScript获取IP地址 教程与示例)
- 2023-08-21js获取session中的值(利用JavaScript从Session中提取值)
- 2023-09-10js worker(JavaScript并行:使用Web Workers提高性能)
- 2023-07-13js done(JavaScript完成啦)
- 2023-08-16js 获取textarea的值(JavaScript获取textarea内容)
- 2023-08-17js 循环引用(JavaScript 循环引用问题的解决方案)
- 2023-09-20js删除字符串中的指定字符(JavaScript删除字符串指定字符)
- 2023-09-29js$(JavaScript 从入门到精通)