javascript - 如何在用户输入中写入数组的编号并获取该特定数组编号的信息？

Question

我需要功课帮助。这是我被困了一段时间的任务。以下是作业说明:

创建一个包含单词“Hej”、“Nej”、“EJ”、“Leverpastej”、“42”的数组。通过表单，用户必须能够写入数字，然后您应该在数组中显示该位置的单词。例如:输入用户2，则应显示“EJ”一词。

好吧，说实话，我对这项任务感到非常迷茫，我需要所有可以获得的帮助和建议。所以请帮助我。也许建议我如何使用 for 循环或类似的东西。

谢谢!

    function getFunction() {
        var rimm [];

        rimm[0] = "Hej";
        rimm[1] = "Nej";
        rimm[2] = "EJ";
        rimm[3] = "Leverpastej";
        rimm[4] = "42";

        for (var i = 0; i < rimm.length; i++) {
            if (rimm[i] == "Nej") {
                document.getElementById("skit").innerHTML += " " + rimm[i];
            }
            else {
                document.getElementById("skit").innerHTML += " " + rimm[i];
            }

            document.getElementById("getnumber").value = rimm[];
    }

<input type="text" id="getnumber">
<input type="button" value="Get" onclick="getFunction()">
<p>Skriv ut Skiten:</p><div id="skit"></div>

Answer 1

这比您想要做的要简单得多。您可以直接按数字访问数组元素，无需循环。只需从输入中获取 i，然后输出 rimm[i]。

var rimm = ["Hej", "Nej", "EJ", "Leverpastej", "42"];

function getFunction() {
    var i = document.getElementById("getnumber").value;
    document.getElementById("skit").textContent = rimm[i];
}

<input type="text" id="getnumber">
<input type="button" value="Get" onclick="getFunction()">
<p>Skriv ut Skiten:</p><div id="skit"></div>

您可能需要添加检查该数字是否有效以及是否在数组大小的范围内。我把这个留给你。

注意:使用 textContent 比使用 innerHTML 更好，因为后者实际上是用于显示 HTML 编码的内容。除非这是您的意图，否则 textContent 就是正确的选择。