Javascript 检查学生是否在正确的课堂上，只向学生展示在按下的课堂上的内容

我有一个任务，其中有一个显示单选按钮的html脚本，上面写着每个班级的名字，还有一个json文件，上面列出了所有学生的名字以及他们上的班级

我想知道有没有一种方法可以使用addEventListener来实现这一点？因为我听说这是正确的解决方案，我必须按照教授说的去做

我不允许更改HTML代码

fetch("studenter.json")
  .then((response) => {
    return response.json();
})
  .then(function appendData(data) {
  var unordered = document.querySelector(".studenter");
  for (var i = 0; i < data.length; i++) {
    var li = document.createElement("li");
    li.innerHTML = 'Name: ' + data[i].fornavn + ' ' + data[i].etternavn;
    unordered.appendChild(li);
  }
});

当然

你就快到了

注意：我将数据重命名为学生

//在此处提取并保留数据-准备好后取消注释接下来的4行
//让学生=[]；
//获取（“studenter.json”）
//.then（response=>response.json（））
//.然后（数据=>学生=数据）；
//示例数据。执行提取时删除
const students=[{“fornavn”：“Marcus Gimse”，“etternavn”：“Blikstad”，“studieprogram”：“工程、地理信息学学士”，“forkortelse”：“BIGEOMAT”}]；
//使用委托-即单击klasseVelger中的任何内容将在event.target中给出目标
document.querySelector（“.klasseVelger”）.addEventListener（“单击”，函数（e）{
常数tgt=e.target；
if（tgt.type&&tgt.type==“无线电”）{
const id=tgt.id；
console.log（id）；//可以删除
var unordered=document.querySelector（“.studenter”）；
unordered.innerHTML=“；//重置
for（var i=0；i

Studenter i IIKG1002 og IDG1011
韦尔格·克拉斯

工程、地理信息学学士
网络开发学士
网页设计-一年制课程
互动设计-学士学位课程
全部展示

嗨，我尝试了你的解决方案，但似乎做得不对。我得到的错误数据没有定义。我不确定重新加载答案是什么意思，但我编辑了上面的代码。在哪一行？你是去拿还是等会儿？If later，则有一个地方您没有将数据重命名为students-如果在fetch中，则稍后在If语句中获取数据时出错。也许我可以把我所做的告诉你，你也可以看看。毕竟，这是成功的。我没有更改正确的脚本。对不起，浪费了你的时间。谢谢

  {
    "fornavn": "Marcus Gimse",
    "etternavn": "Blikstad",
    "studieprogram": "Bachelor in Engineering, Geomatics",
    "forkortelse": "BIGEOMAT"
  },