实现页面上有 一个文本框,一个搜索按钮; 输入搜索的图片名,点击"搜索", 显示出包含此字母的图片 提示： 可以通过数组存路径，再匹配包含的图片名的代码

好的，以下是一个简单的实现代码，代码中假设图片路径存储在一个数组中，数组名为`images`，存储的是相对路径。

<!-- HTML代码 -->
<input type="text" id="searchInput">
<button onclick="search()">搜索</button>
<div id="result"></div>

// JavaScript代码
function search() {
  // 获取输入的搜索关键词
  var keyword = document.getElementById("searchInput").value;
  var result = document.getElementById("result");
  result.innerHTML = ""; // 清空搜索结果

  // 遍历图片路径数组，找到包含关键词的路径，生成图片标签并添加到搜索结果区域
  for (var i = 0; i < images.length; i++) {
    if (images[i].includes(keyword)) { // 判断图片名称是否包含关键词
      var img = document.createElement("img"); // 创建图片标签
      img.src = images[i]; // 设置图片路径
      result.appendChild(img); // 添加到搜索结果区域
    }
  }
}

需要注意的是，由于涉及到文件路径的匹配，以上代码只适用于图片路径相对简单的情况。如果图片路径较为复杂，建议使用正则表达式等更为高级的匹配方式。