Back To Programming / Scripting / Coding Forum

Creating a quiz on dreamweaver

  • Halim_akiki
  • Born
  • Born
  • No Avatar
  • Joined: Jul 10, 2011
  • Posts: 1
  • Status: Offline

Post July 10th, 2011, 6:49 am

Hi. i need to do a quiz on dreamweaver using radio buttons to get the answers. i'm having a problem in releasing radio buttons after checking one radio and moving to a next question using a "Next>>" button the same radio checked in the first question is checked in the second question. can anyone help me with this ? thank you. This is the whole exercise :
Code: [ Select ]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Quiz Easy</title>

<script type="text/javascript">

var questions=["Lebanon's capital:","France's capital:","England's capital:"];
var answers=[["beyrouth","sayda","tripoli"],
       ["souchaux","paris","lyon"],
             ["manchester","cambridge","london"]];
var trueAnswers=[0,1,2];
var chosenAnswers=[-1, -1, -1];
var cur=0;
var grade=0;

function start(){

    cur = 0;
    showQuestion();
}


function showQuestion(){
    quest.innerText = (cur+1) + ") "+questions[cur];
    rep1.innerText = answers[cur][0];
    rep2.innerText = answers[cur][1];
    rep3.innerText = answers[cur][2];
}

function goNext(){
    if (cur < questions.length-1){
        cur++;
        showQuestion();
    }
}

function goPrevious(){
    if (cur > 0 ){
        cur--;
        showQuestion();
    }
}

function goFirst(){
   cur = 0;
     showQuestion();
}

function goLast(){
   cur = questions.length-1;
     showQuestion ();
}

/*function getAnswers ()
{
    for (i=0, i<answers.length, i++)
    {
         for(j=0, j<answers[i].length, j++)
         {
              if(answers[i][j].checked)
                 chosenAnswers[i] = answers[i][j];
             else
                 chosenAnswers[i] = -1;
         }
     }
}*/

/*function getAnswer() {
    chosenAnswers = "";
    len = answers.length;

    for (i = 0; i <len; i++) {
        if (answers[i].checked) {
            chosenAnswers = answers[i];
            return chosenAnswers;
        }
        else{
            return -1;
        }
    }
}*/

function checkAnswer(){
    grade = 0;
    for (i=0; i<trueAnswers.length; i++){
        if (trueAnswers[i] == chosenAnswers[i]){
            grade = grade + 1;
        }
    }
    
}

function score(){
  alert("You had a score of " + grade + " points!")
}

function clearRB(buttonGroup)
{
 for (i=0; i < buttonGroup.length; i++) {

  if (buttonGroup[i].checked == true) { // if a button in group is checked,
     buttonGroup[i].checked = false; // uncheck it
   }
  
 } 
}

</script>
</head>

<body onload="start()">

<form name="clearIt">
<h1 id="quest"> </h1>
<p> <input type="radio" name="radioA" id="radio1"/> <span id="rep1"> </span> </p>
<p> <input type="radio" name="radioA" id="radio2"/> <span id="rep2"> </span> </p>
<p> <input type="radio" name="radioA" id="radio3"/> <span id="rep3"> </span> </p>
<p> <input type="button" name="clear" value="clear" onclick="clearRB(document.clearIt.radioA)" /> </p>
</form>

<p><input type="button" value="First |<<" onclick="goFirst()"/>
<input type="button" value="Previous <" onclick="goPrevious()"/>
<input type="button" value="Next >" onclick="goNext()"/>
<input type="button" value="Last >>|" onclick="goLast()"/>
<input type="button" value="Submit Answers" onclick="checkAnswer()"/>
<input type="button" value="Show Result" onclick="score()"/></p>



</body>
</html>
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Quiz Easy</title>
  6. <script type="text/javascript">
  8. var questions=["Lebanon's capital:","France's capital:","England's capital:"];
  9. var answers=[["beyrouth","sayda","tripoli"],
  10.        ["souchaux","paris","lyon"],
  11.              ["manchester","cambridge","london"]];
  12. var trueAnswers=[0,1,2];
  13. var chosenAnswers=[-1, -1, -1];
  14. var cur=0;
  15. var grade=0;
  17. function start(){
  19.     cur = 0;
  20.     showQuestion();
  21. }
  24. function showQuestion(){
  25.     quest.innerText = (cur+1) + ") "+questions[cur];
  26.     rep1.innerText = answers[cur][0];
  27.     rep2.innerText = answers[cur][1];
  28.     rep3.innerText = answers[cur][2];
  29. }
  31. function goNext(){
  32.     if (cur < questions.length-1){
  33.         cur++;
  34.         showQuestion();
  35.     }
  36. }
  38. function goPrevious(){
  39.     if (cur > 0 ){
  40.         cur--;
  41.         showQuestion();
  42.     }
  43. }
  45. function goFirst(){
  46.    cur = 0;
  47.      showQuestion();
  48. }
  50. function goLast(){
  51.    cur = questions.length-1;
  52.      showQuestion ();
  53. }
  55. /*function getAnswers ()
  56. {
  57.     for (i=0, i<answers.length, i++)
  58.     {
  59.          for(j=0, j<answers[i].length, j++)
  60.          {
  61.               if(answers[i][j].checked)
  62.                  chosenAnswers[i] = answers[i][j];
  63.              else
  64.                  chosenAnswers[i] = -1;
  65.          }
  66.      }
  67. }*/
  69. /*function getAnswer() {
  70.     chosenAnswers = "";
  71.     len = answers.length;
  73.     for (i = 0; i <len; i++) {
  74.         if (answers[i].checked) {
  75.             chosenAnswers = answers[i];
  76.             return chosenAnswers;
  77.         }
  78.         else{
  79.             return -1;
  80.         }
  81.     }
  82. }*/
  84. function checkAnswer(){
  85.     grade = 0;
  86.     for (i=0; i<trueAnswers.length; i++){
  87.         if (trueAnswers[i] == chosenAnswers[i]){
  88.             grade = grade + 1;
  89.         }
  90.     }
  91.     
  92. }
  94. function score(){
  95.   alert("You had a score of " + grade + " points!")
  96. }
  98. function clearRB(buttonGroup)
  99. {
  100.  for (i=0; i < buttonGroup.length; i++) {
  102.   if (buttonGroup[i].checked == true) { // if a button in group is checked,
  103.      buttonGroup[i].checked = false; // uncheck it
  104.    }
  105.   
  106.  } 
  107. }
  109. </script>
  110. </head>
  112. <body onload="start()">
  114. <form name="clearIt">
  115. <h1 id="quest"> </h1>
  116. <p> <input type="radio" name="radioA" id="radio1"/> <span id="rep1"> </span> </p>
  117. <p> <input type="radio" name="radioA" id="radio2"/> <span id="rep2"> </span> </p>
  118. <p> <input type="radio" name="radioA" id="radio3"/> <span id="rep3"> </span> </p>
  119. <p> <input type="button" name="clear" value="clear" onclick="clearRB(document.clearIt.radioA)" /> </p>
  120. </form>
  122. <p><input type="button" value="First |<<" onclick="goFirst()"/>
  123. <input type="button" value="Previous <" onclick="goPrevious()"/>
  124. <input type="button" value="Next >" onclick="goNext()"/>
  125. <input type="button" value="Last >>|" onclick="goLast()"/>
  126. <input type="button" value="Submit Answers" onclick="checkAnswer()"/>
  127. <input type="button" value="Show Result" onclick="score()"/></p>
  131. </body>
  132. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 10th, 2011, 6:49 am

Page 1 of 1

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 176 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.