这样的猜字谜的函数有六个，怎么让这六个题目全部答对也就是这六个函数全部执行完再弹出一个alert
function riddlesix(){
choose2.onclick = function(){
suspect.onclick = function(){
guess.style.display="none";
document.getElementById("imglink6").style.display="none";
document.getElementById("bingo6").style.display="block";
document.getElementById("riddletext6").innerHTML="答对了";
document.getElementById("riddletext6").style.marginTop="10px";
// document.getElementById("bingo6").style.transform="";
document.body.removeChild(style);//删除创建的元素
part6.style.pointerEvents="none";//禁止鼠标点击
};
};
choose4.onclick = function(){
respondfalse();
}
choose3.onclick = function(){
respondfalse();
}
choose1.onclick = function(){
respondfalse();
}
}
//定义一个回答错误出现的弹窗
function respondfalse(){
suspect.onclick = function(){
answerfalse.style.display="block";//显示错误答案弹窗
setTimeout(answer,1000);//弹窗出现1秒后消失
}
}
//定义一个弹窗消失的函数
function answer(){
answerfalse.style.display="none";
}
剩余jS代码
part1.onclick = function(){
riddleshow();
riddleone();
// part1.style.webkitAnimationName="scaleshowend";
};
part2.onclick = function(){
riddleshow();
document.getElementById("title").innerHTML="山水相连称第一";
document.getElementById("tips").innerHTML="（打一地名）";
document.getElementById("sectionA").innerHTML="A. 深圳";
document.getElementById("sectionB").innerHTML="B. 广州";
document.getElementById("sectionC").innerHTML="C. 佛山";
document.getElementById("sectionD").innerHTML="D. 汕头";
riddletwo();
};
part3.onclick = function(){
riddleshow();
document.getElementById("title").innerHTML="春香连日去听琴";
document.getElementById("tips").innerHTML="（打一字）";
document.getElementById("sectionA").innerHTML="A. 项";
document.getElementById("sectionB").innerHTML="B. 需";
document.getElementById("sectionC").innerHTML="C. 秦";
document.getElementById("sectionD").innerHTML="D. 鹏";
riddlethree();
};
part4.onclick = function(){
riddleshow();
document.getElementById("title").innerHTML="动物学索引";
document.getElementById("tips").innerHTML="（打一成语）";
document.getElementById("sectionA").innerHTML="A. 虎头虎脑";
document.getElementById("sectionB").innerHTML="B. 目中无人";
document.getElementById("sectionC").innerHTML="C. 双龙戏珠";
document.getElementById("sectionD").innerHTML="D. 物是人非";
riddlefour();
};
part5.onclick = function(){
riddleshow();
document.getElementById("title").innerHTML="二人别后又相逢";
document.getElementById("tips").innerHTML="（打一字）";
document.getElementById("sectionA").innerHTML="A. 友";
document.getElementById("sectionB").innerHTML="B. 归";
document.getElementById("sectionC").innerHTML="C. 情";
document.getElementById("sectionD").innerHTML="D. 笑";
riddlefive();
};
part6.onclick = function(){
riddleshow();
document.getElementById("title").innerHTML="公孙胜驾云，丁得孙狂奔";
document.getElementById("title").style.fontSize="18px";
document.getElementById("tips").innerHTML="（打一成语）";
document.getElementById("sectionA").innerHTML="A. 精神抖擞";
document.getElementById("sectionB").innerHTML="B. 龙腾虎跃";
document.getElementById("sectionC").innerHTML="C. 无法无天";
document.getElementById("sectionD").innerHTML="D. 春暖花开";
riddlesix();
// return 1;
};
HTML代码
<div id="container">
<div id="main">
<div id="part1" class="part">
<img src="./img/lantern.png" alt="" id="imglink1" class="links">
<img src="./img/lantern bingo.png" alt="" id="bingo1" class="links bingo">
<p id="riddletext1">打一产品</p>
</div>
<div id="part2" class="part">
<img src="./img/lantern.png" alt="" id="imglink2" class="links">
<img src="./img/lantern bingo.png" alt="" id="bingo2" class="links bingo">
<p id="riddletext2">打一成语</p>
</div>
<div id="part3" class="part">
<img src="./img/lantern.png" alt="" id="imglink3" class="links">
<img src="./img/lantern bingo.png" alt="" id="bingo3" class="links bingo">
<p id="riddletext3">打一成语</p>
</div>
<div id="part4" class="part">
<img src="./img/lantern.png" alt="" id="imglink4" class="links">
<img src="./img/lantern bingo.png" alt="" id="bingo4" class="links bingo">
<p id="riddletext4">打一成语</p>
</div>
<div id="part5" class="part">
<img src="./img/lantern.png" id="imglink5" class="links">
<img src="./img/lantern bingo.png" alt="" id="bingo5" class="links bingo">
<p id="riddletext5">打一成语</p>
</div>
<div id="part6" class="part">
<img src="./img/lantern.png" alt="" id="imglink6" class="links">
<img src="./img/lantern bingo.png" alt="" id="bingo6" class="links bingo">
<p id="riddletext6">打一成语</p>
</div>
</div>
<div id="guess">
<div id="text">
<p class="title" id="title">充耳不闻无话讲</p>
<p class="tips" id="tips">（打一茶叶名）</p>
<form action="#">
<input type="radio" name="riddle1" id="choose1">
<label for="choose1" id="sectionA">A. 龙井</label><br>
<input type="radio" name="riddle1" id="choose2">
<label for="choose2" id="sectionB">B. 碧螺春</label><br>
<input type="radio" name="riddle1" id="choose3">
<label for="choose3" id="sectionC">C. 佛手</label><br>
<input type="radio" name="riddle1" id="choose4">
<label for="choose4" id="sectionD">D. 铁观音</label>
</form>
</div>
<div id="suspect">
<img src="./img/small.png" alt="">
<p>立即提交</p>
</div>
<p id="answerfalse">您的答案错误！</p>
</div>
<div id="mine">
<img src="./img/big.png" alt="">
<p>我的祝福语</p>
</div>
</div>
