请给出JavaScript实现查找功能的搜索框的代码

以下是一个简单的JavaScript实现查找功能的搜索框的示例代码：

HTML代码：

<input type="text" id="search-input" placeholder="请输入搜索关键字">
<button id="search-btn">搜索</button>
<div id="result"></div>

JavaScript代码：

// 获取搜索框和搜索按钮
var searchInput = document.getElementById('search-input');
var searchBtn = document.getElementById('search-btn');
// 获取显示搜索结果的div
var resultDiv = document.getElementById('result');

// 绑定搜索按钮的点击事件
searchBtn.onclick = function() {
  // 获取搜索关键字
  var keyword = searchInput.value.trim();
  // 如果搜索关键字为空，直接返回
  if (keyword === '') {
    return;
  }
  // 获取所有需要查找的元素
  var elements = document.querySelectorAll('p, h1, h2, h3, h4, h5, h6');
  // 遍历所有需要查找的元素
  for (var i = 0; i < elements.length; i++) {
    // 获取当前元素的文本内容
    var content = elements[i].textContent;
    // 如果文本内容中包含关键字，则将该元素显示出来，并在结果div中显示该元素的内容
    if (content.indexOf(keyword) !== -1) {
      elements[i].style.display = 'block';
      resultDiv.innerHTML += '<p>' + content + '</p>';
    } else {
      elements[i].style.display = 'none';
    }
  }
};

该示例代码实现了一个简单的搜索框，用户输入关键字后，会遍历页面中的所有段落和标题元素，并将包含关键字的元素显示出来，并在结果div中显示该元素的内容。