每当你完成回答问题时,它就会在下面的代码中结束程序。无论如何要做到这一点,无论何时你完成一个问题可能是2号,它继续到3号,当它到达最后一个数字它完成。提前致谢。我11岁,并在9个月前开始编程
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Are you smarter than a 5th Grader?!!</title>
<link rel="stylesheet" href="style.css">
</head>
<body onload="starter()" bgcolor="lightblue">
<h1><marquee><font color="red">Make Trivia Great Again!</font></marquee>
</h1>
<h2><em><center>Are You Smater Than a 5th Grader?</center></em></h2>
<button onclick="sc()">Start</button><br>
<p id="demo"> </p>
<div id="result"></div>
<button onclick="reset()">Reset Score</button>
<script>
function starter(){
setTimeout("clickCounter()",100)
setTimeout("minusCounter()",101)}
function reset(){
setTimeout("clickCounter()",100)
localStorage.clickcount=-1
}
function clickCounter() {
if(typeof(Storage) !== "undefined") {
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)+1;
} else {
localStorage.clickcount = 0;
}
document.getElementById("result").innerHTML = "Score:"+ localStorage.clickcount
} else {
} }
function minusCounter(){
if(typeof(Storage) !== "undefined") {
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)-1;
} else {
localStorage.clickcount = 0;
}
document.getElementById("result").innerHTML = "Score:"+ localStorage.clickcount
} else {
}
}
if (!("scramble" in Array.prototype)) {
Object.defineProperty(Array.prototype, "scramble", {
enumerable: false,
value: function() {
var o, i, ln = this.length;
while (ln--) {
i = Math.random() * (ln + 1) | 0;
o = this[ln];
this[ln] = this[i];
this[i] = o;
}
return this;
}
});
}
var quiz = [{
"question": ["When was the first apple computer made?],
"choices": ["1904","1976","1978","2004"],
"correct": ["1976"]
}, {
"question": "Who is the founder of Microsoft?",
"choices": ["Bill Gates", "Steve Jobs", "Steve Wozniak" , "Martin Shaba"],
"correct": "Bill Gates"
}, {
"question": "What was your first dream?",
"choices": ["8 bits", "64 bits", "1024 bits"],
"correct": "8 bits"
}, {
"question": "The C programming language was developed by?",
"choices": ["Brendan Eich", "Dennis Ritchie", "Guido van Rossum"],
"correct": "Dennis Ritchie"
}, {
"question": "What does CC mean in emails?",
"choices": ["Carbon Copy", "Creative Commons", "other"],
"correct": "Carbon Copy"
}, {
"question": "What is the full for of IP",
"choices": ["Internet provider", "Intenet Port", "Other","Internet Protocol"],
"correct": "Other"
}]
function stop(){
alert("stopped")
}
function sc(){
quiz.forEach(q => q.choices.scramble());
var x = prompt("Select Start question number #:");
if (x >= 6) {
alert("please pick a valid question")
sc()
} else if (x <= 5 && x > 0) {
} else if (x == 0) { // x = 0 is assignment, not comparison
alert("please pick a valid question")
sc()
return; // You have to 'return' here
// otherwise the code following the else would continue to execute after this inner-sc() returns
} else {
alert("Please pick a valid question"), sc()
}
var ans = ""
function myFunction(item, index) {
ans += "\n[" + (index+1) + "]: " + item ;
}
quiz[x].choices.forEach(myFunction);
var y = prompt(quiz[x].question+"\nYour anwser is:"+ans);
if (y == quiz[x].correct){
alert("Correct!")
clickCounter()
}
else if(y=="Cancel"){alert("canceled")}
else{
alert("Wrong! Please Try Again.");
repeat()
}
function repeat(){
quiz.forEach(q => q.choices.scramble());
var ans = ""
function myFunction(item, index) {
ans += "\n[" + (index+1) + "]: " + item ;
}
quiz[x].choices.forEach(myFunction);
var y = prompt(quiz[x].question+"\nYour anwser is:"+ans);
if (y == quiz[x].correct){
alert("Correct!,Good Job")
clickCounter()
//x+1
}
else if(y=="Cancel"){alert("canceled")}
else{
alert("Sorry! \nThe right answer is "+quiz[x].correct);
}
}
}
</script>
</body>
</html>
答案 0 :(得分:1)
您似乎已经问过这个问题here。另一方面,您的代码存在问题。
49.60未封闭的字符串。
"question": ["When was the first apple computer made?],
我已经为你编写了代码。我使用了一个简单的JavaScript for循环,这里是更新的sc()
函数:
function sc(){
for (x = 1; x < 6; x++){ //this is the vital part
quiz.forEach(q => q.choices.scramble());
var ans = ""
function myFunction(item, index) {
ans += "\n[" + (index+1) + "]: " + item ;
}
quiz[x].choices.forEach(myFunction);
var y = prompt(quiz[x].question+"\nYour anwser is:"+ans);
if (y == quiz[x].correct){
alert("Correct!")
clickCounter()
}
else if(y=="Cancel"){
alert("canceled")
return; //This closes the box
}
else{
alert("Wrong! Please Try Again.");
repeat()
}
function repeat(){
quiz.forEach(q => q.choices.scramble());
var ans = ""
function myFunction(item, index) {
ans += "\n[" + (index+1) + "]: " + item ;
}
quiz[x].choices.forEach(myFunction);
var y = prompt(quiz[x].question+"\nYour anwser is:"+ans);
if (y == quiz[x].correct){
alert("Correct!,Good Job")
clickCounter()
} else if(y=="Cancel"){
alert("canceled")
} else {
alert("Sorry! \nThe right answer is "+quiz[x].correct);
}
}
} //This is also vital
}
您可以在此处详细了解for循环:https://www.tutorialspoint.com/javascript/javascript_for_loop.htm
以下是代码示例:http://codepen.io/AquatuzMagnus/pen/ybzByQ
P.S。不能关闭盒子很烦人,所以我已经添加到你的代码上关闭它。通知用户输入“取消”将关闭该框也是有帮助的,因为我在查看代码后才知道。
答案 1 :(得分:1)