Giochino per migliorare l'inglese
Pensavo di creare un giochino per migliorare l'inglese: esso consisterebbe nel tradurre una frase bizzarra, creata usando delle parole random, scrivendo in una textarea la traduzione, entro un limite di tempo inversamente proporzionale al livello. In seguito il sistema dovrebbe dire se la frase che l'utente ha scritto nella textarea è giusta e proporne una nuova. Dopo 3 frasi consecutive senza fare errori o far scadere il tempo, l'utente dovrebbe passare di livello. Se possibile, vorrei che si potesse anche riprendere una partita salvata.
Io ho già lavorato in questo senso:
Ho creato una directory per livello, in ogni directory ci sono 3 files, a,b e c: il file a è così strutturato.
Codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">
<html>
<head>
<title>english-level1</title>
</head>
<body lang="it"
leftmargin="0" topmargin="0"
bgcolor="darkblue"
text="white"
link="red"
alink="red"
vlink="red">
<font face="Arial,Verdana,Gemeva" color="white">
<h3>Read the following sentence and translate it as fast as you can.</h3>
<font face="Comic Sans MS,Arial,Verdana,Gemeva" color="white" size="5"><br><script type='text/javascript'> var ran=new Array();
ran[0]='the';
var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]); </script>
<script type='text/javascript'> var ran=new Array();
[lista aggettivi]
var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]); </script>
<script type='text/javascript'> var ran=new Array();
[lista nomi]
var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]); </script>
<script type='text/javascript'> var ran=new Array();
[lista verbi]
var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]); </script>
a
<script type='text/javascript'> var ran=new Array();
[lista aggettivi]
var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]); </script>
<script type='text/javascript'> var ran=new Array();
[lista nomi]
var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]); </script>
<br>
</font>
<font face="Comic Sans MS,Arial,Verdana,Gemeva" color="red" size="5">
<a href="b.html">Finished!</a>
</font>
<br>
<script language="JavaScript" type="text/javascript">
window.setTimeout ("location.href=('a.html')", TIMEOUT DIVERSO PER OGNI LIVELLO);
</script>
</body>
</html>
b invece poterá a c al click su finished, c porterà al file a del livello 2.
Come potrei realizzare questo progetto?