Quiz

Her er en måde at gøre det på:

<html>
<head>
<title>Super Duper Quiz</title>

<script language=\'javascript\'>

function vurderGaet() {
  var fe = document.quizForm.elements;
  var antalIalt = antalOk = 0;
  for (var i=0; ( fe.length > i ); i++ ) {
    if ( fe[i].type == \"select-one\" ) {
      antalIalt++;
      if ( fe[i].options[fe[i].selectedIndex].value == \"ok\" )
        antalOk++;
    }
  };
  if ( antalOk == antalIalt )
    alert ( \"Superfantastisk! Du gættede dem allesammen.\" )
  else
    alert ( \"Desværre. Du fik kun \" +antalOk +\" rigtige.\" )
}; //end vurderGaet()

</script>

</head>

<BODY BGCOLOR=\"#000000\" TEXT=\"#FFFFFF\" LINK=\"#0000FF\" VLINK=\"#660066\" ALINK=\"#FF0000\">

<form name=\'quizForm\' action=\'void(0)\'>
<table width=\"100%\" border=\"0\">
  <tr>
    <td><img src=\"boxer.JPG\" width=\"17\" height=\"60\"></td>
    <td><img src=\"cykling.JPG\" width=\"25\" height=\"60\"></td>
    <td><img src=\"dart.JPG\" width=\"60\" height=\"60\"></td>
  </tr>
  <tr>
    <td><select name=\"select\" size=\"1\">
          <option>cykling</option>
          <option>dart</option>
          <option>fiskeri</option>
          <option>golf</option>
          <option>polo</option>
          <option value=\"ok\">boxer</option>
        </select>
    </td>
    <td><select name=\"select2\" size=\"1\">
          <option value=\"ok\">cykling</option>
          <option>dart</option>
          <option>fiskeri</option>
          <option>golf</option>
          <option>polo</option>
          <option>boxer</option>
        </select>
    </td>
    <td><select name=\"select3\" size=\"1\">
          <option>cykling</option>
          <option value=\"ok\">dart</option>
          <option>fiskeri</option>
          <option>golf</option>
          <option>polo</option>
          <option>boxer</option>
        </select>
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
  </tr>
  <tr>
    <td><img src=\"fishing.JPG\" width=\"60\" height=\"33\"></td>
    <td><img src=\"golf.JPG\" width=\"27\" height=\"60\"></td>
    <td><img src=\"polo.JPG\" width=\"60\" height=\"46\"></td>
  </tr>
  <tr>
    <td><select name=\"select7\" size=\"1\">
          <option>cykling</option>
          <option>dart</option>
          <option value=\"ok\">fiskeri</option>
          <option>golf</option>
          <option>polo</option>
          <option>boxer</option>
        </select>
    </td>
    <td><select name=\"select8\" size=\"1\">
          <option>cykling</option>
          <option>dart</option>
          <option>fiskeri</option>
          <option value=\"ok\">golf</option>
          <option>polo</option>
          <option>boxer</option>
        </select>
    </td>
    <td><select name=\"select9\" size=\"1\">
          <option>cykling</option>
          <option>dart</option>
          <option>fiskeri</option>
          <option>golf</option>
          <option value=\"ok\">polo</option>
          <option>boxer</option>
        </select>
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type=\"button\" name=\"knap\" value=\"G&aelig;t billeder\"
              onclick=\'vurderGaet()\'>
    </td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</body>
</HTML>