Valg ag tilfældigt tal
Jeg har med stor og tålmodig hjælp fået bakset nedenstående sammen, som jeg skal brug til at lære børn i 1. kl. at kende tallene fra 1-99. Problemet er, at når jeg sætter AntalTal større end 70, så går systemet i sort, enten fryser computeren eller der sker underlige ting med browseren. Kan nogen se, hvad der er galt?Venlig hilsen
Riishøj
<html>
<head>
<title>Den store tal-test!</title>
<script>
antalTal =99; //Antallet af tal-lyde
antalRigt = 99; //Så mange korrekte gæt, man skal have, før man vinder!
alert(\"Greetings, my friend!\\n\\nOm et øjeblik vil der blive afspillet et tal fra 1 til \" + antalTal + \"!\\nDet er så din opgave at høre godt efter og skrive det tal i boksen her på siden!\\n\\nEr du klar?\");
tilf = 0;
rigt = 0;
function tf() {
temp = Math.floor(Math.random() * antalTal) + 1;
if (temp == tilf) tf();
return temp;
}
function afspilLyd() {
tilf = tf();
eval(\"document.lyd\" + tilf + \".play()\");
}
function tjekTal(felt) {
if (felt.value == \"\" || !felt.value.match(/^[0-9]+$/)) {
alert(\"Du skal skrive et tal fra 1-\" + antalTal + \"!\");
felt.value = \"\";
felt.focus();
}
else if (felt.value == tilf) {
if (++rigt >= antalRigt) {
alert(\"Tillykke!\\nDu har fået \" + rigt + \" rigtige!\\nDu kan nu leve et liv i evig lykke!\");
felt.form.rigtige.value = rigt;
felt.maxlength = 3;
felt.value = \":-)\";
felt.form.subm.value=\"Hurraaa!\";
return;
}
alert(\"Korrekt!\\n\\nDer vi nu blive afspillet et nyt tal!\");
felt.value = \"\";
afspilLyd();
felt.focus();
felt.form.rigtige.value = rigt;
}
else {
alert(\"Desværre!\\nDet indtastede tal var forkert! Vær klar til at høre tallet igen!\");
felt.value = \"\";
felt.focus();
eval(\"document.lyd\" + tilf + \".play()\");
}
}
</script>
</head>
<body onLoad=\"afspilLyd(); document.frm.tal.focus();\" bgcolor=\"#39AE8B\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">
<tr>
<td width=\"20%\">
<p align=\"center\"><font size=\"6\" color=\"#009999\"> </font><font size=\"6\" color=\"#00FFCC\">72</font></p>
</td>
<td width=\"33%\">
<p align=\"center\"><b><font size=\"6\" color=\"#660066\" face=\"Arial\">Den store taltest</font></b></td>
<td width=\"20%\">
<p align=\"center\"><font size=\"6\" color=\"#99CC00\">96</font></p>
</td>
</tr>
</table>
<p align=\"center\"><b><font color=\"#804000\" size=\"4\" face=\"Arial\">Når du<font size=\"6\" color=\"#FFFFFF\" face=\"Arial\">
</font><font color=\"#804000\">hører et tal, skal du trykke tallet og derefter
trykke på den nederste knap.</font></font></b>
<form name=\"frm\" action=\"#\" onSubmit=\"tjekTal(this.tal); return false;\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" height=\"1\">
<tr>
<td width=\"100%\" colspan=\"5\" height=\"21\"></td>
</tr>
<tr>
<td width=\"17%\" valign=\"top\" align=\"right\" height=\"1\">
<font size=\"7\" color=\"#CCCC00\">24</font>
</td>
<td width=\"17%\" valign=\"top\" align=\"right\" height=\"1\">
<font size=\"7\" color=\"#006600\">96</font>
</td>
<td width=\"33%\" rowspan=\"3\" height=\"1\">
<div align=\"center\">
<center>
<table BORDER=\"4\" cellpadding=\"5\">
<tr>
<td align=\"center\">
<p align=\"left\"><font face=\"Arial\" color=\"#FFFFFF\">Tal:</font>
<input type=\"text\" name=\"tal\" size=\"2\" maxlength=\"2\"><br>
<br>
<font face=\"Arial\" color=\"#FFFFFF\">
Rigtige:</font><input type=\"text\" name=\"rigtige\" size=\"2\" readonly></p>
</td>
</tr>
</center>
<tr>
<td>
<p align=\"left\"><input TYPE=\"button\" NAME=\"seven\" VALUE=\" 7 \" OnClick=\"frm.tal.value += \'7\'\">
<input TYPE=\"button\" NAME=\"eight\" VALUE=\" 8 \" OnCLick=\"frm.tal.value += \'8\'\">
<input TYPE=\"button\" NAME=\"nine\" VALUE=\" 9 \" OnClick=\"frm.tal.value += \'9\'\"><br>
<input TYPE=\"button\" NAME=\"four\" VALUE=\" 4 \" OnClick=\"frm.tal.value += \'4\'\">
<input TYPE=\"button\" NAME=\"five\" VALUE=\" 5 \" OnCLick=\"frm.tal.value += \'5\'\">
<input TYPE=\"button\" NAME=\"six\" VALUE=\" 6 \" OnClick=\"frm.tal.value += \'6\'\"><br>
<input TYPE=\"button\" NAME=\"one\" VALUE=\" 1 \" OnClick=\"frm.tal.value += \'1\'\">
<input TYPE=\"button\" NAME=\"two\" VALUE=\" 2 \" OnCLick=\"frm.tal.value += \'2\'\">
<input TYPE=\"button\" NAME=\"three\" VALUE=\" 3 \" OnClick=\"frm.tal.value += \'3\'\"><br>
<input TYPE=\"button\" NAME=\"zero\" VALUE=\" 0 \" OnClick=\"frm.tal.value += \'0\'\">
<input TYPE=\"button\" NAME=\"clear\" VALUE=\" c \" OnClick=\"frm.tal.value = \'\'\">
<br>
<input type=\"submit\" name=\"subm\" value=\" Tjek tal! \"></p>
</td>
</tr>
</table>
</div>
<p>
</td>
<td width=\"17%\" valign=\"top\" height=\"1\">
<font size=\"7\" color=\"#CC0066\">39</font>
</td>
<td width=\"16%\" valign=\"top\" height=\"1\">
<font size=\"7\" color=\"#808080\">88</font>
</td>
</tr>
<tr>
<td width=\"17%\" valign=\"middle\" align=\"right\" height=\"0\">
<p align=\"left\"><font size=\"6\" color=\"#FFFF00\">72</font>
</td>
<td width=\"17%\" valign=\"middle\" align=\"right\" height=\"0\">
<p align=\"left\"><font size=\"7\" color=\"#008000\" face=\"Monotype Corsiva\">41</font>
</td>
<td width=\"17%\" valign=\"middle\" height=\"0\">
<p align=\"right\"><font size=\"7\" color=\"#00FF00\" face=\"Comic Sans MS\">48</font>
</td>
<td width=\"16%\" valign=\"middle\" height=\"0\">
<p align=\"right\"><font size=\"6\" color=\"#FF0000\">56</font>
</td>
</tr>
<tr>
<td width=\"17%\" valign=\"top\" align=\"right\" height=\"10\">
<font size=\"7\" color=\"#00CCFF\">62</font>
</td>
<td width=\"17%\" valign=\"top\" align=\"right\" height=\"10\">
<font size=\"7\" color=\"#FFFF00\">30</font>
</td>
<td width=\"17%\" valign=\"top\" height=\"10\">
<font size=\"7\" color=\"#00CC00\">75</font>
</td>
<td width=\"16%\" valign=\"top\" height=\"10\">
<font size=\"7\" color=\"#FF9966\">43</font>
</td>
</tr>
</table>
</form>
<script>
document.frm.tal.value = \"\";
document.frm.rigtige.value = \"0\";
for (i = 1; i < antalTal + 1; i++) document.write(\"<embed src=\'\" + i + \".wav\' name=\'lyd\" + i + \"\' hidden=\'true\' autostart=\'false\'>\");
</script>
</body>
</html>
