如何检查正确答案JavaScript（4个按钮）

我正在使用JavaScript创建一个问答游戏，我想创建一个函数来检查答案是否正确

我的目标是检查4个按钮中单击的按钮是否正确，需要确定每个问题的正确答案

你能指导我做什么吗

我有一个对象数组：

让我的问题=[{
问题：“LJ多大了？”，
答复:{
a:“27”，
b:“25”，
c:“26”，
d:“24”，
正确答案：“b”，
},
},
{
问题：“她最喜欢的游戏是什么？”，
答复:{
答：“ML”，
b:“鳕鱼”，
c:“DOTA 2”，
d:“哈哈”，
正确答案：“b”，
},
},
{
问题：“LJ住在哪里？”，
答复:{
a:“帕西格市”，
b:“奎松市”，
c:“里扎尔”，
d:“斯塔梅萨”，
正确答案：“a”，
},
}
];
//下面是我的JavaScript代码函数，用于在每次单击按钮时呈现问题和选项。
函数renderQuestion（）{
let show=document.getElementById（'question'）；
设q=myQuestions[questionIndex]；
show.innerHTML=q.question；
问题索引++；
console.log（问题索引）
button1.innerHTML=q.answers.a；
button2.innerHTML=q.answers.b；
button3.innerHTML=q.answers.c；
button4.innerHTML=q.answers.d；
}

试试这个

假设此测验不重要（任何人都可以在源代码中看到答案）

我将正确答案移到了答案列表之外

let myQuestions=[{问题：“LJ多大了？”，答案：{a:“27”，b:“25”，c:“26”，d:“24”}，正确答案：{问题：“b”，}，{问题：“她最喜欢的游戏是什么？”，答案：{a:“ML”，b:“COD”，c:“DOTA 2”，d:“LOL”}，正确答案：{问题：“LJ住在哪里？”，答案：{a:“帕西格城”，b:“奎松城”，c:“里扎尔”，d:“Sta Mesa”，}，正确答案：“a”，}]；
设问题指数=0；
函数renderQuestion（）{
if（questionIndex>=myQuestions.length）返回；
let show=document.getElementById（'question'）；
设q=myQuestions[questionIndex]；
show.innerHTML=q.question；
Object.entries（q.answers）.forEach（[字母，文本]）=>{
const but=document.getElementById（字母）；
but.innerHTML=文本
但是.dataset.correct=q.correctAnswer==字母；
})
问题索引++；
}
renderQuestion（）
document.getElementById（“buts”）.addEventListener（“单击”，函数（e）{
常数tgt=e.target；
if（tgt.type&&tgt.type==“按钮”）{
document.getElementById（“结果”）.innerText=tgt.dataset.correct==“true”？“correct”：“不正确”
}
})
document.getElementById（“下一步”）.addEventListener（“单击”，渲染问题）

接下来

我为您制作了一个代码段。请将相关的HTML和CSS添加到代码段中。我建议您使用容器中的委派，并测试您已设置的值，即在生产中将按钮的值设置为“永不保存前端问答题的答案”。因为答案可以很容易地嗅出。@wokorodouyesamuel仅在出现问题时将答案保存在前端。@wokorodouyesamuely并不重要如果这是一个粉丝页面，是一个给Joy之友的测验（从问题来看很可能是这样），没有人因为回答而赢得任何东西，那么也许在页面的源代码中有答案是可以的。如果这是一个竞赛，获胜者与LJ有一个约会，那么也许你是对的？