我的代碼中“ if else”的備用代碼

Question

下面給出的是我的javaScript代碼。 條件是，如果我給你打個招呼。 應該顯示您好的圖像，或者如果我給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] + '">';
    }
}