topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

basic-javascript-11-Quiz-GlobalFunctions.htm / htm



  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Global functions</title>
  <script language="JavaScript" type="text/javascript">
  
  // chapter 9 addition to allow timed quizes
  var timeLeft =-1;
  var totalQuestionsToAsk = 0;
  var quizTimerId = 0;
  
  // questions and answers variables will holds questions and answers
  var questions = new Array();
  var answers = new Array(); 
  var questionsAsked;
  var numberOfQuestionsAsked = 0;
  var numberOfQuestionsCorrect = 0;
  var currentQNumber = -1;
  // define question 1 
  questions[0] = new Array();
  questions[0][0] = "The Beatles were";
  questions[0][1] = "A sixties rock group from Liverpool";
  questions[0][2] = "Four musically gifted insects";
  questions[0][3] = "I don't know - can I have the questions on Baseball please";
  // assign answer for question 1
  answers[0] = "A";
  // define question 2
  questions[1] = new Array();
  questions[1][0] = "Homer Simpson's favorite food is";
  questions[1][1] = "Fresh salad";
  questions[1][2] = "Doughnuts";
  questions[1][3] = "Bread and water";
  questions[1][4] = "Apples";
  // assign answer for question 2
  answers[1] = "B";
  // define question 3
  questions[2] = new Array();
  questions[2][0] = "Lisa Simpson plays which musical instrument";
  questions[2][1] = "Clarinet";
  questions[2][2] = "Oboe";
  questions[2][3] = "Saxophone";
  questions[2][4] = "Tubular Bells"; 
  // assign answer for question 3 
  answers[2] = "C";
  
  // define question 4
  questions[3] = "In the Simpsons, Bleeding Gums Murphy played which instrument?" 
  // assign answer for question 4
  answers[3] = "\\bsax(ophone)?\\b";
  
  // define question 5
  questions[4] = "Which American President was involved in the Watergate Scandal?" 
  // assign answer for question 5
  answers[4] = "\\b((Richard |R\\.? ?)(Milhous |M\\.? )?)?Nixon\\b";
  
  function updateTimeLeft()
  {
     timeLeft--;
     if (timeLeft == 0)
     {
        alert("Time's Up");
        numberOfQuestionsAsked = totalQuestionsToAsk;
        window.top.fraQuizPage.location.href = "AskQuestion.htm";
     }
     else
     {
        var minutes = Math.floor(timeLeft / 60);
        var seconds = timeLeft - (60 * minutes);
        if (minutes < 10)
           minutes = "0" + minutes;
        if (seconds < 10)
           seconds = "0" + seconds; 
        window.status = "Time left is " + minutes + ":" + seconds;
     }
  }
  
  function resetQuiz(numberOfQuestions, SelectedTimeLimit)
  {
     timeLeft = SelectedTimeLimit;
     totalQuestionsToAsk = numberOfQuestions;
  
          var indexCounter;
          currentQNumber = -1;
          questionsAsked = new Array();
          for (indexCounter = 0; indexCounter < questions.length;indexCounter++)
     {
                  questionsAsked[indexCounter] = false;
          }
          numberOfQuestionsAsked = 0;
          numberOfQuestionsCorrect = 0;
     if (timeLeft == -1)
     {
        window.status = "No Time Limit";
     }
     else
     {
        quizTimerId = window.setInterval("updateTimeLeft()",1000);
     }
  
  }
  
  function answerCorrect(questionNumber, answer)
  {
     // declare a variable to hold return value
     var correct = false;
     // if answer provided is same as answer then correct answer is true
     var answerRegExp = new RegExp(answers[questionNumber],"i");
     if (answer.search(answerRegExp) != -1)
     {
        numberOfQuestionsCorrect++;
        correct = true;
     }
     // return whether the answer was correct (true or false)
     return correct;
  }
  
  function getQuestion()
  {
          if (totalQuestionsToAsk != numberOfQuestionsAsked)
     {
        var questionNumber = Math.floor(Math.random() * questions.length);
        while (questionsAsked[questionNumber] == true)
        {
           questionNumber = Math.floor(Math.random() * questions.length);
        }
        var questionLength = questions[questionNumber].length;
        var questionChoice;
        numberOfQuestionsAsked++;
        var questionHTML = "<h4>Question " + numberOfQuestionsAsked +  "</h4>";
        // Check if array or string
        if (typeof questions[questionNumber] == "string")
        {
           questionHTML = questionHTML + "<p>" + questions[questionNumber] + "</p>";
           questionHTML = questionHTML + "<p><input type=text name=txtAnswer ";
           questionHTML = questionHTML + " maxlength=100 size=35></p>" 
           questionHTML = questionHTML + '<script type="text/javascript">'
                           + 'document.QuestionForm.txtAnswer.value = "";<\/script>';
        }
        else
        {
        questionHTML = questionHTML + "<p>" + questions[questionNumber][0];
        questionHTML = questionHTML + "</p>";
        for (questionChoice = 1;questionChoice < questionLength;questionChoice++)
        {
           questionHTML = questionHTML + "<input type=radio ";
           questionHTML = questionHTML + "name=radQuestionChoice";
           if (questionChoice == 1)
           {
              questionHTML = questionHTML + " checked";
           }
           questionHTML = questionHTML + ">" +
              questions[questionNumber][questionChoice];
           questionHTML = questionHTML + "<br>"
        }
        }
        questionHTML = questionHTML + "<br><input type='button' "
        questionHTML = questionHTML + "value='Answer Question'";
        questionHTML = questionHTML + "name=buttonNextQ "; 
        questionHTML = questionHTML + "onclick='return buttonCheckQ_onclick()'>";
        currentQNumber = questionNumber;
        questionsAsked[questionNumber] = true;
     }
     else
     {
         if (timeLeft != -1)
        {
           clearInterval(quizTimerId);
        }
  
        questionHTML = "<h3>Quiz Complete</h3>";
        questionHTML = questionHTML + "You got " + numberOfQuestionsCorrect;
        questionHTML = questionHTML + " questions correct out of " 
        questionHTML = questionHTML + numberOfQuestionsAsked;
        questionHTML = questionHTML + "<br><br>Your trivia rating is "
        switch(Math.round(((numberOfQuestionsCorrect / numberOfQuestionsAsked) * 10)))
        {
           case 0:
           case 1:
           case 2:
           case 3:
              questionHTML = questionHTML + "Beyond embarrasing";
              break;
           case 4:
           case 5:
           case 6:
           case 7:
              questionHTML = questionHTML + "Average";
              break;
           default:
              questionHTML = questionHTML + "Excellent"
        }
            
            var previousNoCorrect = Math.floor(getCookieValue("previousNoCorrect"));
        var previousNoAsked = Math.floor(getCookieValue("previousNoAsked"));
        var currentAvgScore = Math.round(numberOfQuestionsCorrect /
           numberOfQuestionsAsked * 100);
        questionHTML = questionHTML + "<br>The percentage you've " + 
           " answered correctly in this quiz is " + currentAvgScore + "%";
        if (previousNoAsked == 0)
        {
           previousNoCorrect = 0;
        }
        
        previousNoCorrect = previousNoCorrect + numberOfQuestionsCorrect;
        previousNoAsked = previousNoAsked + numberOfQuestionsAsked;
        
        currentAvgScore = Math.round(previousNoCorrect / previousNoAsked * 100);
        setCookie("previousNoAsked", previousNoAsked,"","");
        setCookie("previousNoCorrect", previousNoCorrect,"","");
        questionHTML = questionHTML + "<br>This brings your average todate to " +
           currentAvgScore + "%"
        questionHTML = questionHTML + "<p><input type=button " +
           "value='Reset Stats' " +
           "onclick=\"window.top.fraTopFrame.fraGlobalFunctions.setCookie" + 
           "('previousNoAsked', 0,'','1 Jan 1970')\" " +
           "name=buttonReset>"
        questionHTML = questionHTML + "<p><input type=button " + 
           "value='Restart Quiz' " + 
           "onclick=\"window.location.replace('quizpage.htm')\" " + 
           "name=buttonRestart>"
  
     }
     return questionHTML;
  }
  
  function getCookieValue(cookieName)
  {
     var cookieValue = document.cookie;
     var cookieStartsAt = cookieValue.indexOf(" " + cookieName + "=");
     if (cookieStartsAt == -1)
     {
        cookieStartsAt = cookieValue.indexOf(cookieName + "=");
     }
     if (cookieStartsAt == -1)
     {
        cookieValue = null;
     }
     else
     {
        cookieStartsAt = cookieValue.indexOf("=", cookieStartsAt) + 1;
        var cookieEndsAt = cookieValue.indexOf(";", cookieStartsAt);
        if (cookieEndsAt == -1)
        {
           cookieEndsAt = cookieValue.length;
        }
        cookieValue = unescape(cookieValue.substring(cookieStartsAt,
           cookieEndsAt));
     }
     return cookieValue;
  }
  function setCookie(cookieName, cookieValue, cookiePath, cookieExpires)
  {
     cookieValue = escape(cookieValue);
     if (cookieExpires == "")
     {
        var nowDate = new Date();
        nowDate.setMonth(nowDate.getMonth() + 6);
        cookieExpires = nowDate.toGMTString();
     }
     if (cookiePath != "")
     {
        cookiePath = ";Path=" + cookiePath;
     }
     document.cookie = cookieName + "=" + cookieValue + 
        ";expires=" + cookieExpires + cookiePath;
  }
  
  </script>
  </head>
  <body>
  </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.