带有用户输入名称和数值的javascript并行数组答案

【问题标题】：javascript parallel array with user input for name and numeric value带有用户输入名称和数值的javascript并行数组
【发布时间】：2017-04-18 04:33:53
【问题描述】：

我是 javascript 的初学者，我正在学习数组。我正在使用 javascript 创建一个 html 接口，以使用并行数组来获取每个用户的用户名和数值（分数）我坚持理解如何将用户输入保存在我为每个输入创建的每个新数组中.我有一个按钮来保存每个名称和分数条目然后我想创建一个摘要输出，它将检查每个分数输入并将其传递给一个循环来为其分配一个类别，例如 A、B、C。我还没有得到那个至于我对如何将每个输入存储在他们的数组中感到困惑。提供给我的示例和我发现的示例使用预先确定的值与用户输入。这是我目前所拥有的。

    <h1>Grades</h1>
</header>
<br>
<p><b>Student Name:</b></p>
<input id="inp" type="text">
<br>
<br>
<p><b>Test Score:</b></p>
<input id="inps" type="text">
<br>
<br>
<br>
<button type="button" onclick="enter()">Enter</button>
<br>
<br>
<button type="button" onclick="summ()">Summary</button>
<br>
<p id="iop"></p>
<br>
<script>
    var studentArr = new Array();
    var scoreArr = new Array();

    function enter() {

        var studentName = document.getElementById("inp").value;
        studentArr.push(inp);

        var stuval = "";

        for(i=0; i < studentArr.length; i++)
        {
            stuval = stuval + studentArr[i] + "<br/>";
        }

        document.getElementById("iop").innerHTML = stuval;

        var studentScore = document.getElementById("inps").value;
        scoreArr.push(inps);

        var scoreval = "";

        for(i=0; i < scoreArr.length; i++)
        {
            scoreval = scoreval + scoreArr[i] + "<br/>";
        }


    }
</script>

【问题讨论】：

标签： javascript arrays parallel-processing

【解决方案1】：

我相信存在更简单的方法：

var students = new Array();

function enter() {
    students.push({
        name: document.getElementById("inp").value,
        score: document.getElementById("inps").value
    });
    show();
}

function show() {
    document.getElementById("iop").innerHTML = "";
    students.forEach(x => {
        document.getElementById("iop").innerHTML += x.name + "<br/>";
    });
}

【讨论】：

【解决方案2】：

在此处推送到您的数组时，您没有使用正确的变量

studentArr.push(inp);

这里

scoreArr.push(inps);

您的代码中不存在这些变量。您已经定义了“studentName”和“studentScore”，因此请使用它们，并且您的数组中应该有一些数据。

【讨论】：