以下是一个示例代码,用于比较点击的元素的值与正确答案的值:
HTML部分:
JavaScript部分:
// 正确答案的值
var correctAnswer = "选项2";
// 获取所有选项按钮的引用
var optionButtons = document.getElementsByTagName("button");
// 为每个选项按钮添加点击事件监听器
for (var i = 0; i < optionButtons.length; i++) {
optionButtons[i].addEventListener("click", function() {
// 获取点击的元素的值
var clickedValue = this.innerHTML;
// 比较点击的元素的值与正确答案的值
if (clickedValue === correctAnswer) {
console.log("回答正确!");
} else {
console.log("回答错误!");
}
});
}
在上述代码中,我们首先定义了正确答案的值(这里假设正确答案是"选项2")。然后,我们使用document.getElementsByTagName
方法获取了所有元素的引用,并将它们存储在
optionButtons
变量中。
接下来,我们使用一个for
循环遍历所有的选项按钮,并为每个按钮添加了一个点击事件监听器。在点击事件的处理函数中,我们使用this.innerHTML
获取了点击的元素的值,并将其存储在clickedValue
变量中。
最后,我们将点击的元素的值与正确答案的值进行比较,如果相等,则输出"回答正确!",否则输出"回答错误!"。
你可以根据自己的需求修改和扩展这个示例代码。