javascript并行数组，用户输入名称和数值

我是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>

---

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

studentArr.push(inp);

这里呢

scoreArr.push(inps);

---

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

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

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/>";
    });
}