我的代码中的“if else”的替代代码

Question

下面给出的是我的javaScript代码。 现在的状况是，如果我给你打个招呼。应该显示一个hello的图像，或者如果我给Facebook，那么为许多单词显示的图像也必须显示出来。所提到的图像必须被显示。但是，在我的代码中，第一次后图像失败不显示第二个单词。 帮助我的备用码上述问题

 var anu = document.getElementById("display"); 
     var a= document.getElementById("final_span").textContent; 
      console.log(linebreak(interim_transcript)); 
     if(a.search("hello") || a.search("facebook")){ 
     if(linebreak(interim_transcript) == "hello"){ 
      anu.innerHTML="<img src=hello.jpg>"; 
     } 
     else if(linebreak(interim_transcript) == "facebook"){ 
      anu.innerHTML="<img src=facebook.jpg>"; 
     } 
     else if(linebreak(interim_transcript) == "hi"){ 
      anu.innerHTML="<img src=hi.jpg>"; 
     } 
     else if(linebreak(interim_transcript) == "doll"){ 
      anu.innerHTML="<img src=doll.jpg>"; 
     } 

Answer 1

如果linebreak和图像名称返回的值是相同的，你可以使用

anu.innerHTML = '<img src="' + linebreak(interim_transcript) + '">'; 

---

否则，你可以使用一个对象，其中你可以指定图像名称

var obj = { 
    hello: "hello.jpg", 
    facebook: 'facebook.jpg', 
    hi: 'hi.jpg' 
} 


var anu = document.getElementById("display"); 
var a = document.getElementById("final_span").textContent; 

if (a.search("hello") || a.search("facebook")) { 
    var lb = linebreak(interim_transcript); 
    if (obj[lb]) { 
     anu.innerHTML = '<img src="' + obj[lb] + '">'; 
    } 
}