Javascript 我如何在选择时显示正确答案和错误答案，以及在我的mcq网站中选择的人的正确答案数？

我得到了我的MCQ网站的代码。但是当用户选择一个选项时，我想在选择时显示正确和不正确的答案（即当用户选择正确的选项时，该选项将突出显示。但是当用户选择不正确的选项时，我想显示该选项不正确，并与正确的答案一起显示）。而且，用户没有第二次机会选择已经显示正确答案的选项。（在这种情况下，用户可以选择显示的正确答案，并将其视为“正确答案”）。代码如下

1.“狮子”这个词里有多少个角色
选择一个答案


A） 四,

B） 三,

C） 一,

D） 二,

var correct_answers=0；
函数displayAnswer1（）{
if（document.getElementById（'option-11'）。选中）{
displayAnswer11（）
}
if（document.getElementById（'option-12'）。选中）{
document.getElementById（'block-12'）。style.border='3px纯红'
document.getElementById（'result-12'）。style.color='red'
document.getElementById（'result-12'）。innerHTML='不正确！'
}
if（document.getElementById（'option-13'）。选中）{
document.getElementById（'block-13'）。style.border='3px纯红'
document.getElementById（'result-13'）。style.color='red'
document.getElementById（'result-13'）。innerHTML='不正确！'
}
if（document.getElementById（'option-14'）。选中）{
document.getElementById（'block-14'）。style.border='3px纯红'
document.getElementById（'result-14'）。style.color='red'
document.getElementById（'result-14'）。innerHTML='不正确！'
}
}
函数显示应答器11（）{
document.getElementById（'block-11'）。style.border='3px solid limegreen'
document.getElementById（'result-11'）。style.color='limegreen'
document.getElementById（'result-11'）。innerHTML='Correct！'
document.getElementById（'correct_answers'）。innerHTML=“”；
document.getElementById（'correct_answers'）。innerHTML=correct_answers+=1；
}



2.“我”这个词有多少个字母
选择一个答案


A） 一,

B） 二,

C） 三,

D） 四,

//该函数计算答案并显示结果
函数displayAnswer2（）{
if（document.getElementById（'option-21'）。选中）{
document.getElementById（'block-21'）。style.border='3px纯红'
document.getElementById（'result-21'）。style.color='red'
document.getElementById（'result-21'）。innerHTML='不正确！'
}
if（document.getElementById（'option-22'）。选中）{
displayAnswer22（）
}
if（document.getElementById（'option-23'）。选中）{
document.getElementById（'block-23'）。style.border='3px纯红'
document.getElementById（'result-23'）。style.color='red'
document.getElementById（'result-23'）。innerHTML='不正确！'
}
if（document.getElementById（'option-24'）。选中）{
document.getElementById（'block-24'）。style.border='3px纯红'
document.getElementById（'result-24'）。style.color='red'
document.getElementById（'result-24'）。innerHTML='不正确！'
}
}
函数显示应答器22（）{
document.getElementById（'block-22'）。style.border='3px solid limegreen'
document.getElementById（'result-22'）。style.color='limegreen'
document.getElementById（'result-22'）。innerHTML='Correct！'
document.getElementById（'correct_answers'）。innerHTML=“”；
document.getElementById（'correct_answers'）。innerHTML+=correct_answers+=1；
}



3.这实际上是一个名字
选择一个答案


A） 3nh r

B） 杰克

C） 克迪克杜夫

D） lkjhh

//该函数计算答案并显示结果
函数displayAnswer3（）{
if（document.getElementById（'option-31'）。选中）{
document.getElementById（'block-31'）。style.border='3px纯红'
document.getElementById（'result-31'）。style.color='red'
document.getElementById（'result-31'）。innerHTML='不正确！'
}
if（document.getElementById（'option-32'）。选中）{
displayAnswer33（）
}
if（document.getElementById（'option-33'）。选中）{
document.getElementById（'block-33'）。style.border='3px纯红'
document.getElementById（'result-33'）。style.color='red'
document.getElementById（'result-33'）。innerHTML='不正确！'
}
if（document.getElementById（'option-34'）。选中）{
document.getElementById（'block-34'）。style.border='3px纯红'
document.getElementById（'result-34'）。style.color='red'
document.getElementById（'result-34'）。innerHTML='不正确！'
}
}
函数显示应答器33（）{
document.getElementById（'block-32'）。style.border='3px solid limegreen'
document.getElementById（'result-32'）。style.color='limegreen'
document.getElementById（'result-32'）。innerHTML='Correct！'
document.getElementById（'correct_answers'）。innerHTML=“”；
document.getElementById（'correct_answers'）。innerHTML+=correct_answers+=1；
}

您正在使用1个版本的jQuery。。。更新至3.5.1

替换此行：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>

---

您需要输入上的事件侦听器来处理用户int

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>