为什么不让img表演呢?“skrivutt”有什么问题?

Why won't the img show? what is wrong with "skrivut"

本文关键字：什么 问题 skrivutt img 表演 为什么不      更新时间：2023-09-26
<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>`

我想做的是做一个绑架信发生器。它应该把输入的文本，转换成我保存在数组bokstaver中的字母。

我得到的问题是，图片不会显示，帮助将是感激的。:) 

document.getElementById("skrivut").innerHTMl

你需要写innerHTML，这里有点打字错误;)

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;
            }
        }
    }
相关文章：