我的代码中“ if else”的备用代码

Question

Below given was my javaScript code. Condition is, If I give a word like hello. the image for a hello should be displayed or if I give facebook, the image for that has to be displayed likewise for many words, the mentioned image has to be displayed.. But here in my code condition gets failed after first time and image is not displaying for the second word. Help me with the alternate code for the above mentioned problem

        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

If the value returned by linebreak and image name are same you can use

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

---

Otherwise you can use a object where you can specify the image name

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] + '">';
    }
}