<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Vocabulary Test</title>

<style type="text/css">
   .large { font-size: large }
   .answer { text-align: center; width: 1.2em }
</style>

<script type="text/javascript">
  mistakes=0;

  function reset() {
    elements = document.forms[0].elements;
    for (var i=0; i<elements.length; i++) {
      elements[i].disabled=0;
      elements[i].value='';
    }
  }

  function verify(input, value) {
    if (input.value) {
      if (input.value == value) {
        input.disabled=1;
        document.getElementById(value).style.textDecoration = "line-through";
      } else {
        alert("try again");
        input.value='';
        mistakes++;
      }
    }

    elements = document.forms[0].elements;
    for (var i=0; i<elements.length; i++) {
      if (!elements[i].disabled) return;
    }

    if (mistakes == 0) {
      alert("Completed with NO mistakes!");
    } else if (mistakes == 1) {
      alert("Completed with only one mistake");
    } else {
      alert("Completed with " + mistakes + " mistakes");
    }
    return true;
  }
</script>
</head>

<body onLoad="reset()">
<?php

   $quiz 
parse_ini_file("quiz.ini");

   
$words=array_flip($quiz);
   
shuffle($words);
   
$definitions array_flip($words);
   
shuffle($definitions);
   
$answers array_flip($definitions);

   echo 
"<form>\n";
   echo 
"<table cellpadding='5' class='large'>\n";
   for (
$i=0$i<count($quiz); $i++) {
      
$row chr(97 $i);
      
$text $quiz[$words[$definitions[$i]]];
      
$answer chr(97 $answers[$i]);
      echo 
"<tr>\n";
      echo 
"  <td><input size='1' class='answer'";
      echo   
" onKeyUp=\"return verify(this,'$answer');\"></td>\n";
      echo 
"  <td>$words[$i]</td>\n"
      echo 
"  <td valign='top'><div id='$row'>$row.</div></td>\n"
      echo 
"  <td>$text</td>\n"
      echo 
"</tr>\n";
   }
   echo 
"</table>\n";
   echo 
"</form>\n";

?>
</body>
</html>