单击check answer按钮时如何使用JavaScript更改正确答案的颜色

Lorem ipsum dolor sit amet，concetetur adipiscing elit
（A）Lorem ipsum dolor

（B） (三)(三)(四)(三)(四)(四)(四),

核对答案
Lorem ipsum dolor sit amet，是一位杰出的领导者

（A） (二)(三)(三)(四)(三)(三)(四)(三),

核对答案
（A）知识产权权利人（B）知识产权权利人（C）知识产权权利人（B）
（D） 同侧阴唇

选中答案

您可以在此处使用IF-ELSE，如果答案正确，则使用css中的.class为其添加颜色，如果答案正确，则应用css，如果答案不正确，则转到ELSE，可以将其保留为空，不应用任何内容，或者如果您想告诉它错误或给它其他颜色，您可以发出警告

删除每个span元素上的硬编码

更正

类并在css中定义类，然后单击按钮查找相应的span（应答）元素并将该类添加到元素中：

[…document.getElementsByClassName（'ans-button'）].forEach（button=>button.addEventListener（'click'，highlightAnswer））；
函数highlightAnswer（）{
const answer=event.target.previousElementSibling.querySelector（'span'）；
答案。类列表。添加（'correct'）；
}

。正确{
背景颜色：绿色；
}

Lorem ipsum dolor sit amet，concetetur adipiscing elit
（A）Lorem ipsum dolor

（B） (三)(三)(四)(三)(四)(四)(四),

核对答案
Lorem ipsum dolor sit amet，是一位杰出的领导者

（A） (二)(三)(三)(四)(三)(三)(四)(三),

核对答案
（A）知识产权权利人（B）知识产权权利人（C）知识产权权利人（D）知识产权权利人（D）

使用JQuery检查答案，这非常简单：


Lorem ipsum dolor sit amet，concetetur adipiscing elit
（A）Lorem ipsum dolor

（B） (三)(三)(四)(三)(四)(四)(四),

核对答案
Lorem ipsum dolor sit amet，是一位杰出的领导者

（A） (二)(三)(三)(四)(三)(三)(四)(三),

核对答案
（A）知识产权权利人（B）知识产权权利人（C）知识产权权利人（B）
（D） 同侧阴唇

核对答案
var a=$（“.ans按钮”）。在（“单击”，函数（）上）{
$（this.prev（）.find（“.correct”）.css（“颜色”、“绿色”）；
});
javascript代码在哪里？