继续javascript测验中的下一个元素,所以每当它完成一个,它就会继续下一个元素

时间:2017-05-20 15:53:21

标签: javascript

每当你完成回答问题时,它就会在下面的代码中结束程序。无论如何要做到这一点,无论何时你完成一个问题可能是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>

2 个答案:

答案 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)

正如您所知,您的代码非常漂亮:/。让我们清理一下:

Parsing.set_trace True

您可以在http://jsbin.com/wocuzajoma/edit?console

播放