Multiple Choice Test



Es können mehrer Antworten möglich sein:




    1: <html>
    2: <head>
    3: <title>MCT</title>
    4: </head>
    5:
    6: <script type="text/javascript">
    7:     // Anzahl der Teilfragen, 4 pro eigentliche Frage!!!
    8:     anzfragen=8;
    9:     // Anzahl der eigentlichen Fragen
   10:     anzueberfragen=2;
   11:     // Definition der Fragen und Teilfragen
   12:     var ueberfragen=new Array(
   13:         "Was sind Pflanzen?",
   14:         "Was sind Tiere?");
   15:        
   16:     var fragen=new Array(
   17:         "Eisb&auml;r",
   18:         "Fliegenpilz",
   19:         "Stubenfliege",
   20:         "Hausdrache",
   21:         "Terrier",
   22:         "Theater",
   23:         "Terminator",
   24:         "Treibhund");
   25:        
   26:     // festlegen der richtigen Teilfragen, 1: richtig und 0: falsch
   27:     var antworten_richtig=[0,1,0,0, 1,0,0,1];
   28:        
   29:  // Funktion zur Auswertung
   30:  function Auswertung() {
   31:     // Array der Antworten
   32:     var antworten = new Array(anzfragen);
   33:     // Array der Auswertung
   34:     var auswertung = new Array(anzfragen);
   35:     var summe = 0;
   36:    
   37:     // Einlesen der Antworten aus dem Formular
   38:     for (i = 0; i < anzfragen; i++) {
   39:         if (document.f1.frage[i].checked) {
   40:             antworten[i] = 1;
   41:         } else {
   42:             antworten[i] = 0;
   43:         }
   44:     }
   45:
   46:     // Ueberpruefen der Antworten
   47:     for (i = 0; i < anzfragen; i++) {
   48:         if (antworten[i] == antworten_richtig[i]) {
   49:             // Antwort ist richtig
   50:             auswertung[i]=1;
   51:         } else {
   52:             // falsch geklickt
   53:             auswertung[i]=-1;
   54:         }
   55:         summe += auswertung[i];
   56:     }
   57:     // Summe muss >= 0 sein
   58:     summe = Math.max(0,summe);
   59:    
   60:     // es folgt die Ausgabe
   61:     document.write('<h1>Auswertung</h1>');
   62:
   63:     for (k=0;k<anzueberfragen;k++) {
   64:         document.write('<h2>' + ueberfragen[k] + '</h2>');
   65:         for (i=k*4;i<k*4+4;i++) {
   66:             if (antworten[i]==1) {
   67:                 document.write('&#10008; ');
   68:             } else {
   69:                 document.write('&#10065; ');
   70:             }
   71:             document.write(fragen[i]+ ' ');
   72:             if (auswertung[i]==1) {
   73:                 document.write('<font color="green"> &#10004;</font>');
   74:             } else {
   75:                 document.write('<font color="red"> &#131;</font>');
   76:             }
   77:             document.write('<br>');
   78:         }
   79:     }
   80:     document.write('<br><br>');
   81:     document.write('Sie haben ' + summe + ' Bewertungseinheit(en) erreicht.<br>');
   82:     document.write('Das sind ' + summe/anzfragen*100 + ' Prozent.');
   83:  }
   84: </script>
   85:
   86:
   87: </head>
   88: <body>
   89:
   90: <h1>Multiple Choice Test</h1>
   91:
   92: <form action="" name="f1">
   93:   <p>Es k&ouml;nnen mehrer Antworten m&ouml;glich sein:</p>
   94:  
   95:     <script type="text/javascript">
   96:     // Darstellung der Fragen über JavaScript
   97:     for (k=0;k<anzueberfragen;k++) {
   98:         document.write('<h2>' + ueberfragen[k] + '</h2>');
   99:         for (i=k*4;i<k*4+4;i++) {
  100:             document.write('<input type="checkbox" name="frage">');
  101:             document.write(fragen[i]+'<br>');
  102:         }
  103:     }
  104:     </script>
  105:
  106:     <br>
  107:     <input type="button" value="Auswerten" onClick="javascript:Auswertung();">
  108: </form>
  109:
  110: </body>
  111: </html>

Schule macht Spaß