Javascript如何在字符串中找到子字符串并查看图像

我为英语道歉。我将尝试搜索子字符串： 例子： 你好，世界，我叫彼得

• 1.case-如果字符串中有“Peter”，则显示图1
• 第二种情况-如果字符串中有“名称”-也会显示图片2

通过html输入输入数据 选项约为70个

我使用以下代码查看图像

function change() {
  var text = "";
  var image = "";
  //alert('hi');
  var answers = str.match(document.getElementById("UserInputImage").value);
  //alert(answers);
  switch (answers) {
    case "2":
      text = "Obrázok porovnania";
      image = '<img src="https://qlis.darden.sk/img_por/1_qr.jpg"></img>';
      break;
    case "3":
      text = "NoteB";
      image = '<img src="http://fc01.deviantart.net/fs29/f/2009/238/d/8/Small_50x50__png_clock_pic_by_counter_countdown_ip.png"></img>';
      break;
    case "C":
      text = "NoteC";
      image = '<img src="http://a.deviantart.net/avatars/r/a/rachelsrandomart.gif?12"></img>';
      break;

    default:
      text = "Nie je naskenovaný QR kód alebo nie je správny";
  }
  document.getElementById("demo1").innerHTML = text;
  document.getElementById("demo2").innerHTML = image;
}

函数更改（）{
var text=“”；
var image=“”；
//警报（“hi”）；
var answers=str.match（document.getElementById（“UserInputImage”）.value）；
//警惕（回答）；
开关（答案）{
案例“2”：
text=“Obrázok porovnania”；
图像=''；
打破
案例“3”：
text=“NoteB”；
图像=''；
打破
案例“C”：
text=“NoteC”；
图像=''；
打破
违约：
text=“Nie je naskenovanýQR kód alebo Nie je správny”；
}
document.getElementById（“demo1”）.innerHTML=text；
document.getElementById（“demo2”）.innerHTML=image；
}

根据我从您更新的问题中收集的信息，您希望用户在字符串中输入一些文本，然后显示图像&一些基于输入中某些字符串的文本

如果是这样的话，您可以做的是为您需要的每个术语创建一个简单的数组，其中包含正则表达式，然后是该术语的文本和图像

然后可以循环检查，将找到的术语构建到一个数组中，并将它们简单地映射到所需的输出

下面的例子

另外，您没有给出第三个案例，所以我使用了术语

hello

来触发

然后，您需要做的就是使用70个术语更新数组，但这是留给您的：）

const术语=[
{
回复：/peter/i，
txt：“Obrázok porovnania”，
img:'https://qlis.darden.sk/img_por/1_qr.jpg'
},
{
re:/name/i，
txt:“NoteB”，
img:“http://fc01.deviantart.net/fs29/f/2009/238/d/8/Small_50x50__png_clock_pic_by_counter_countdown_ip.png"
},
{
回复：/hello/i，
txt:“NoteC”，
img:“http://a.deviantart.net/avatars/r/a/rachelsrandomart.gif?12"
}
];
const userInput=document.getElementById（“UserInputImage”）；
函数更改（）{
发现常数=[]；
for（const期限）{
if（此值匹配（术语re））{
发现.推送（术语）；
}
} 
document.getElementById（“demo1”）.innerHTML=
found.map（m=>`${m.txt}
`）；
document.getElementById（“demo2”）.innerHTML=
找到.map（m=>``）。join（“”）；
}
userInput.addEventListener（“输入”，更改）
键入->你好，我叫彼得，想看看所有的术语

str值是多少，我的朋友？
match
需要一个正则表达式，。不是一串。并返回一个数组。我为英语道歉。我将尝试搜索子字符串：示例：Hello world，我的名字是Peter-1.case-如果字符串中有“Peter”-显示图1-第2个case-如果字符串中有“name”-也显示图片2-通过html输入输入数据，选项约为70非常感谢