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>`

我想在这里做的是做一个绑架发电机。它应该将输入中的文本转换为我保存在我的数组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;
            }
        }
    }

img为什么不显示？ “skrivut”有什么问题

2 个答案: