Retour à Forum de programmation

Création d'un jeu-questionnaire sur dreamweaver

  • Halim_akiki
  • Born
  • Born
  • No Avatar
  • Inscription: Juil 10, 2011
  • Messages: 1
  • Status: Offline

Message Juillet 10th, 2011, 6:49 am

Salut. Je dois faire un quiz sur dreamweaver à l'aide des boutons radio pour obtenir les réponses. im ayant un problème en libérant les boutons radio après vérification une radio et le déplacement vers une question suivante en utilisant un "prochaines >>" bouton radio même coché dans la première question est cochée dans la deuxième question. peut quelqu'un m'aider avec cela ? Merci. Il s'agit de l'exercice :
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
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 10th, 2011, 6:49 am

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 1 message
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 171 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC