Блог

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

То, что я пытаюсь здесь сделать, — это создать kidnapplettergenerator. Предполагается, что он преобразует текст во входных данных в буквы, которые я сохранил в своем массиве bokstaver .

Проблема, с которой я сталкиваюсь, заключается в том, что img не будет отображаться, помощь будет оценена. 🙂

 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;
            }
        }
    }