Javascript 字符串返回图片中每个字母的HTML搜索栏

首先，如果这个问题措辞不当，我想道歉。我不经常使用HTML，但我发现它对于在GIF中搜索我创建的抽认卡非常有用

任何有经验的用户如果需要，请修复我的问题

问题是：

我有一个当前页面，其中包含指向图像的文本。这是为超过4000个字符完成的

当我按下一个汉字时，它会打开该汉字对应的gif。然后我可以复制和粘贴我的抽认卡的gif。这是一个相当长的过程，如果我制作一个较长字符串的抽认卡，我需要搜索（Ctrl+F）并分别复制每个字符

我想在网页顶部创建一个搜索栏，允许我创建更长的字符串，例如“你好吗" 它将返回搜索栏下每个字符对应的三个GIF

提前感谢您的帮助

UPDATE: This is my current code: https://pastebin.com/wsVbAmYG

~sasuke

编辑 使用您的代码，我可以看到图像的名称与unicode字符匹配。不再需要表格

constresultcontainer=document.getElementById（'result'）；
const searchInput=document.getElementById（'search'）；
searchInput.addEventListener（'input'，（事件）=>{
让html=''；
常量字符串=searchInput.value；
for（设i=0，iEnd=string.length；i

到目前为止您尝试了什么？这可以通过多种方式在多个框架中实现。请提供一些代码并询问更具体的问题questions@ItayGal谢谢你的回复。正如我之前提到的，我对HTML不太熟悉，也不太确定如何解决这个问题。我现在就上传我的代码。实际上这是一个JS问题这是一个HTML问题。stackoverflow的主要目标是帮助你克服问题并加深理解。你要求某人做“你的工作”“…@ItayGal我不想让你对我的问题生气，我道歉。我刚刚接触HTML/JS，希望有人能指点我如何真正做到这一点，我自己学习这一点肯定很好：）一点也不生气，如果这是我的印象，我很抱歉。通常像这样的问题将被关闭。只是想在回答问题之前解释一下大多数用户希望看到什么。谢谢。现在我可以看到行const image=link.getAttribute（'href'）；是我面临的最大问题，无法获得超链接的链接。我对你的粘贴箱没有问题。错误消息是什么？但最后，我更新了我的答案。你不需要一张书桌。