img爲什麼不顯示？ 「skrivut」有什麼問題

Question

<script type="text/javascript"> 
    window.onload = oppstart; 

    var bokstaver = ["img/q.png", "img/w.png", "img/e.png", "img/r.jpg", "img/t.png", "img/y.png", "img/u.png", "img/i.png", "img/o.png", "img/p.png", "img/å.png", "img/a.png", "img/s.png", "img/d.jpg", "img/f.jpg", "img/g.png", "img/h.png", 
     "img/j.png", "img/k.png", "img/l.png", "img/ø.png", "img/æ.png", "img/z.png", "img/x.png", "img/c.png", "img/v.png", "img/b.png", "img/n.png", "img/m.png"] 

    var bokstav = ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "å", "a", "s", "d", "f", "g", "h", "j", "k", "l", "ø", "æ", "z", "x", "c", "v", "b", "n", "m"] 

    function oppstart() { 
     document.getElementById("btnkonvert").onclick = klikket; 
    } 

    function klikket() { 
     var input = txttekst.value.toLowerCase(); 
     input = input.split(""); 

     console.log(input); 
     for (var i = 0; i < input.length; i++) { 
      for (var b = 0; b < bokstav.length; b++) { 
       if (input[i] === bokstav[b]) { 
        document.getElementById("skrivut").innerHTMl += "<img src=" + bokstaver[b] + " />"; 
        console.log("<img src=" + bokstaver[b] + " />"); 
       } 
      } 
     } 
    } 
</script>` 

什麼即時嘗試在這裏做一個kidnaplettergenerator。它應該將輸入中的文本轉換爲字母，我已將其保存在我的數組中，bokstaver。

我得到的問題是，img不會顯示幫助將appriciated。 :)

Answer 1

document.getElementById("skrivut").innerHTMl 

你需要寫的innerHTML，小錯字那裏;）

Answer 2

for (var i = 0; i < input.length; i++) { 
     for (var b = 0; b < bokstav.length; b++) { 
      if (input[i] === bokstav[b]) { 
       document.getElementById("skrivut").innerHTMl += "<img src=" + bokstaver[b] + " />"; 
       console.log("<img src=" + bokstaver[b] + " />"); 
       //add break 
       break; 
      } 
     } 
    }