JavaScript问答题,继续点击

JavaScript问答题,继续点击,javascript,Javascript,这是一个noob(我)做的JavaScript练习测试 问题出在哪里?正如您看到的测验,您可以在选择答案后继续单击答案按钮。我怎样才能避免这个??我尝试使用**onclick=null**但无法将其设置回单击状态 谢谢你的回答!!!!! 让答案=[{ 问题:“01现在是哪一年”, a:“1850年”, b:“1920年”, c:“*2020年”, d:“1995年”, 更正:“c” }, { 问题:“太阳是什么颜色的?”, 答:“*黄色”, b:“红色”, c:“绿色”, d:“紫色”, 更

这是一个noob(我)做的JavaScript练习测试

问题出在哪里?正如您看到的测验,您可以在选择答案后继续单击答案按钮。我怎样才能避免这个??我尝试使用**onclick=null**但无法将其设置回单击状态

谢谢你的回答!!!!!


让答案=[{
问题:“01现在是哪一年”,
a:“1850年”,
b:“1920年”,
c:“*2020年”,
d:“1995年”,
更正:“c”
}, {
问题:“太阳是什么颜色的?”,
答:“*黄色”,
b:“红色”,
c:“绿色”,
d:“紫色”,
更正:“a”
}, {
问题:“03法语怎么说‘你好’?”,
答:“我不知道”,
b:“你好吗?”,
c:“巴黎?”,
d:“*你好”,
更正:“d”
}, {
问题:“拿破仑的白马是什么颜色的?”,
答:“*白色”,
b:“灰色”,
c:“暗蓝色”,
d:“彩虹”,
更正:“a”
}];
var slideIndex=0;
var评分=0;
var q=document.getElementById(“问题标题”);
var a=document.getElementById(“a”);
var b=document.getElementById(“b”);
var c=document.getElementById(“c”);
var d=document.getElementById(“d”);
放映幻灯片(幻灯片索引);
函数加滑块(n){
放映幻灯片(幻灯片索引=幻灯片索引+n);
}
功能演示幻灯片(n){
a、 类列表。删除(“绿色”);
b、 类列表。删除(“绿色”);
c、 类列表。删除(“绿色”);
d、 类列表。删除(“绿色”);
a、 类列表。删除(“红色”);
b、 类列表。删除(“红色”);
c、 类列表。删除(“红色”);
d、 类列表。删除(“红色”);
a、 类列表。删除(“绿色边框”);
b、 类列表。删除(“绿色边框”);
c、 类列表。删除(“绿色边框”);
d、 类列表。删除(“绿色边框”);
document.getElementById(“Goodjob”).classList.remove(“show”)
如果(n>3){
滑动索引=3
}
if(n<1){
slideIndex=0
}
q、 innerHTML=答案[slideIndex]。问题;
a、 innerHTML=答案[slideIndex].a;
b、 innerHTML=答案[slideIndex].b;
c、 innerHTML=answers[slideIndex].c;
d、 innerHTML=答案[slideIndex].d;
}
功能检查答案(选项){
对于(i=0;i


您可以设置一个在单击答案时切换的标志。如果在单击答案时已设置该标志,则不要执行任何操作。前进到新幻灯片时,重置标志:

function plusSlides(n) {
  slideAnswered = false;
  showSlides(slideIndex = slideIndex + n);
}

// ...

let slideAnswered = false;
function checkAnswers(choice) {
  if (slideAnswered) return;
  slideAnswered = true;
  // check answers for this slide...
let answers=[{
问题:“01现在是哪一年”,
a:“1850年”,
b:“1920年”,
c:“*2020年”,
d:“1995年”,
更正:“c”
}, {
问题:“太阳是什么颜色的?”,
答:“*黄色”,
b:“红色”,
c:“绿色”,
d:“紫色”,
更正:“a”
}, {
问题:“03法语怎么说‘你好’?”,
答:“我不知道”,
b:“你好吗?”,
c:“巴黎?”,
d:“*你好”,
更正:“d”
}, {
问题:“拿破仑的白马是什么颜色的?”,
答:“*白色”,
b:“灰色”,
c:“暗蓝色”,
d:“彩虹”,
更正:“a”
}];
var slideIndex=0;
var评分=0;
var q=document.getElementById(“问题标题”);
var a=document.getElementById(“a”);
var b=document.getElementById(“b”);
var c=document.getElementById(“c”);
var d=document.getElementById(“d”);
放映幻灯片(幻灯片索引);
函数加滑块(n){
slideAnswered=false;
放映幻灯片(幻灯片索引=幻灯片索引+n);
}
功能演示幻灯片(n){
a、 类列表。删除(“绿色”);
b、 类列表。删除(“绿色”);
c、 类列表。删除(“绿色”);
d、 类列表。删除(“绿色”);
a、 类列表。删除(“红色”);
b、 类列表。删除(“红色”);
c、 类列表。删除(“红色”);
d、 类列表。删除(“红色”);
a、 类列表。删除(“绿色边框”);
b、 类列表。删除(“绿色边框”);
c、 类列表。删除(“绿色边框”);
d、 类列表。删除(“绿色边框”);
document.getElementById(“Goodjob”).classList.remove(“show”)
如果(n>3){
滑动索引=3
}
if(n<1){
slideIndex=0
}
q、 innerHTML=答案[slideIndex]。问题;
a、 innerHTML=答案[slideIndex].a;
b、 innerHTML=答案[slideIndex].b;
c、 innerHTML=answers[slideIndex].c;
d、 innerHTML=答案[slideIndex].d;
}
设slideAnswered=false;
功能检查答案(选项){
如果(slideAnswered)返回;
slideAnswered=true;
对于(i=0;i
*{
框大小:边框框
}
.集装箱{
宽度:800px;
高度:400px;
保证金:0自动;
}
梅因先生{
位置:相对位置;
宽度:600px;
高度:300px;
边框:灰色2px实心;
文本对齐:居中;
}
.内容{
填充:20px;
}
.答案{
保证金:0自动;
宽度:100px;
高度:30px;
边框:1px黑色实心;
边缘底部:5px;
光标:指针;
}
伯德格林先生{
边框:2倍纯绿;
}
格林先生{
背景颜色:绿色;
}
瑞德先生{
背景色:rgb(248,62,62);
}
.好工作{
显示:无;
宽度:596px;
高度:40px;
位置:绝对位置;
底部:0;
背景色:rgb(252199225);
过渡时间:1000ms;
function plusSlides(n) {
  slideAnswered = false;
  showSlides(slideIndex = slideIndex + n);
}

// ...

let slideAnswered = false;
function checkAnswers(choice) {
  if (slideAnswered) return;
  slideAnswered = true;
  // check answers for this slide...