Javascript 构建可搜索的词汇表网页

有没有一种方法可以在单个网页中构建搜索功能？我需要把一个小的词汇表转换成一个网页，他们希望它是可搜索的（词汇表只有大约30个单词和定义）。我希望使用javascript实现这一点，因为我没有任何DB类型的编程经验，我最初的想法是使用文本输入字段，并根据用户的输入跳转到页面中的哈希URL（如果哈希存在）。这是最好的方法吗？我一直在搜索一些插件，提供这种类型的功能，但没有遇到任何东西？任何关于如何最好地处理这样的事情的指导都是有帮助的

---

谢谢

这是我举的一个例子

var foos = document.getElementsByClassName('foo'),
    srch = document.querySelector('#search');

srch.addEventListener('keyup', function () {
    var i = 0;
    for(; i < foos.length; i++) {
        if(foos[i].innerHTML == srch.value) {
            foos[i].classList.add('match');
        } else {
            foos[i].classList.remove('match');
        }
    }
});

var foos=document.getElementsByClassName（'foo'），
srch=document.querySelector（“#search”）；
srch.addEventListener（'keyup'，函数（）{
var i=0；
对于（；i

---

您可能希望将匹配功能包装在setTimeout或其他内容中，以避免在每个按键上搜索。

我想我要找的是FILTER，而不是SEARCH。因此，当用户在搜索字段中键入内容时，有一种过滤已定义列表的方法。