我不知道我的老师对我有什么要求。 我是否正确理解了作业？

Question

我已经完成了作业，但如果我清楚地理解了老师对我的要求，我仍然感到困惑。 我能得到你对这件事的看法吗？

我尝试过两个数组，for 循环，当我使用与函数连接的按钮时，它似乎可以正常工作。 但问题是，它是否正确。 我的学校作业是瑞典语，所以这就是为什么有几个词是那种语言。

这是作业问题：

Morgan 是一名高中教师，他需要一个登记册来记录学生的成绩。 假设你有两个数组，一个有名字，一个有评级。 例如：namn = ["Klara", "Andrea", "Emil", "Sarah", "Alicia", "Victor", "Thomas", "Robert"] 与成绩： betyg = ["A", " B”、“C”、“A”、“D”、“C”、“E”、“E”]。 然后执行一个函数 (getGrade) 搜索名称并返回等级（第一个匹配的名称就足够了）。 然后创建一个页面来测试和演示您的新功能（在页面加载时或通过按下按钮自动执行）。 数组名称和评级可以是全局变量，或者更好一些，作为函数输入发送的局部变量。

 <body> <input type="button" value="Click to get Student Name and Grade" onclick="getGrade()"> <div id="student1"></div> <div id="student2"></div> <div id="student3"></div> <div id="student4"></div> <div id="student5"></div> <div id="student6"></div> <div id="student7"></div> <div id="student8"></div> <script> var namn = ["Klara", "Andrea", "Emil", "Sarah", "Alicia", "Victor", "Thomas", "Robert"]; var betyg = ["A", "B", "C", "A", "D", "C", "E", "E"]; function getGrade() { for (var i = 0; i < namn.length; i++) { if (namn[i] == namn[0]) { document.getElementById("student1").innerHTML += namn[i] + "<br/> Betyg: " + betyg[i]; } else if (namn[i] == namn[1]) { document.getElementById("student2").innerHTML += namn[i] + "<br/> Betyg: " + betyg[i];; } else if (namn[i] == namn[2]) { document.getElementById("student3").innerHTML += namn[i] + "<br/> Betyg: " + betyg[i];; } else if (namn[i] == namn[3]) { document.getElementById("student4").innerHTML += namn[i] + "<br/> Betyg: " + betyg[i];; } else if (namn[i] == namn[4]) { document.getElementById("student5").innerHTML += namn[i] + "<br/> Betyg: " + betyg[i];; } else if (namn[i] == namn[5]) { document.getElementById("student6").innerHTML += namn[i] + "<br/> Betyg: " + betyg[i];; } else if (namn[i] == namn[6]) { document.getElementById("student7").innerHTML += namn[i] + "<br/> Betyg: " + betyg[i];; } else { document.getElementById("student8").innerHTML += namn[i] + "<br/> Betyg: " + betyg[i];; } } } </script>

感谢您的反馈意见！

Answer 1

据我了解，作业要求您获得 X（姓名）的成绩。

getGrade应该返回X的等级。

X可以来自input text或其他内容。

getGrade也应该接受一个参数。

基本上，

var grade = getGrade('Klara');

function getGrade(name) {
   var grade = ...
   return grade;
}

Answer 2

我不明白整个问题以及为什么它在两个单独的数组中提供。 我不知道你可以使用什么样的工具（因为这是一个任务），但简而言之，你需要这样的东西

var namn = ['Klara', 'Andrea', 'Emil', 'Sarah', 'Alicia', 'Victor', 'Thomas', 'Robert'];

var betyg = ['A', 'B', 'C', 'A', 'D', 'C', 'E', 'E'];
var dict = {};
for (var i = 0; i < namn.length; i++) {
  dict[namn[i].toLowerCase()] = betyg[i];
}

function getGrade(name) {
  return dict[name.toLowerCase()] || undefined;
}
var $app = document.body;
var input = document.createElement('input');
input.type = 'text';
var button = document.createElement('button');
var ul = document.createElement('ul');
button.innerText = 'Get Grade';
button.addEventListener('click', function() {
var grade = getGrade(input.value)
  if (grade) {
    var li = document.createElement('li');
    li.innerText = input.value + ' grade is: ' + grade;
    ul.appendChild(li);
  }
});

$app.appendChild(input);
$app.appendChild(button);
var div = document.createElement('div');
div.appendChild(ul);
$app.appendChild(div);

我没有做过这么多重构（比如创建一个元素或其他东西）；

如果学生的成绩是具有名称数组的索引（找不到更好的词），首先您可以创建一个对象（键值对），然后通过传递学生的姓名简单地获得成绩。 剩下的就是把结果放在 HTML 上。

我还添加了一个输入来获取名称，并通过单击按钮生成列表。

如果您想重构您的解决方案，您可以使用以下内容：

var namn = ["Klara", "Andrea", "Emil", "Sarah", "Alicia", "Victor", "Thomas", "Robert"];

var betyg = ["A", "B", "C", "A", "D", "C", "E", "E"];

function getGrade() {
    for (var i=1; i<=namn.length; i++) {
      document.getElementById('student' + i ).innerText = namn[i-1] + ' Betyg' + betyg[i-1]
    }
}