Entrainement de frappe au clavier

Commenter

Contenu du snippet

1. Un petit jeu, où vous devez tapez un texte sans vous tromper tout en étend régulier. On peut paramétrer le nombre de minutes entre chaque frappe.

2. Ou bien le plus vite possible, le temps tourne tant que le texte n'est pas identique (ceux qui veullent tricher peuvent avec un copier-coller !!!)

Les differents textes à taper se mettent dans les tableau :
'tabText1' et 'tabtext2'

Copier-coller et ca roule ;)

Source / Exemple : 


<script language="JavaScript">
var tempo = 0
var timer = 0
var i = 0
var tabText1 = new Array()
tabText1[0] = "Bonjour, comment allez vous ?"
tabText1[1] = "Je vais très bien et vous ?"
tabText1[2] = "Mon numéro de télephone est le : 01.02.03.04.05"

function beginTraining1() {
  document.getElementById('exo1').innerHTML = "\"" + tabText1[i] + "\""
  tempo = zoneTempo.value * 1000
  zoneFrappe1.value = ""
  zoneFrappe1.focus()
  timer = setTimeout("perdu('Désolé vous avez mis trop de temps, retentez votre chance ;o)')",tempo)
}

function reset() {
  if (timer != 0) {
    clearTimeout(timer)
    verif()
  }
}

function verif() {
  if (zoneFrappe1.value!=tabText1[i].substring(0,zoneFrappe1.value.length)) { perdu("Désolé vous vous êtes trompé ;o)") }
  else { 
    if ((zoneFrappe1.value.length==tabText1[i].length) && (zoneFrappe1.value==tabText1[i])) { stop() }
    else { timer = setTimeout("perdu('Désolé vous avez mis trop de temps, retentez votre chance ;o)')",tempo) }
  }
}

function stop() {
  clearTimeout(timer)
  timer = 0
  alert("Félicitation vous avez réussi, essayez la suivante !")
  zoneFrappe1.value = ""
  i = (i + 1) % tabText1.length
  document.getElementById('exo1').innerHTML = ""
}

function perdu(msg) {
  clearTimeout(timer)
  timer = 0
  alert(msg)
  zoneFrappe1.value = ""
  document.getElementById('exo1').innerHTML = ""
}
</script>
<script language="JavaScript">
var j = 0
var tabText2 = new Array()
tabText2[0] = "Bonjour, comment allez vous ?"
tabText2[1] = "Je vais très bien et vous ?"
tabText2[2] = "Mon numéro de télephone est le : 01.02.03.04.05"
var date = new Date()
var debut = 0
var fin = 0

function beginTraining2() {
  document.getElementById('exo2').innerHTML = "\"" + tabText2[j] + "\""
  document.getElementById('res').innerHTML = ""
  zoneFrappe2.value = ""
  zoneFrappe2.focus()
  debut = date.getTime()
}

function finir() {
  if (zoneFrappe2.value==tabText2[j]) {
    date = new Date()
    fin = date.getTime()
    var temps = Math.floor(fin - debut)
    var secondes = Math.floor(temps/1000)
    var minutes = Math.floor(secondes/60)
    secondes = secondes - minutes * 60
    document.getElementById('res').innerHTML = "Vous avez mis " + minutes + " minute(s) et " + secondes + " seconde(s) pour tapez le texte exact."
    alert("Félicitation vous avez réussi, essayez la suivante !")
    zoneFrappe2.value = ""
    j = (j + 1) % tabText2.length
    document.getElementById('exo2').innerHTML = ""
  }
}
</script>
<center>
<H1><I>Exercices de frappe</I></H1>
<BR>
<FONT size=+1>1. Vous devez taper la phrase suivante dans les temps :</FONT>
<BR>
<FONT color=red size=+1><DIV ID="exo1">-</DIV></FONT>
<BR><BR>
<input type='text' size=3 maxlength=2 value=2 name="zoneTempo"></text> nombre de secondes entre chaque frappe<BR>
<textarea cols="60" rows="5" name="zoneFrappe1" onKeyUp="reset()"></textarea><BR><BR>
<input type='button' name='begin1' value='Commencer' onClick="beginTraining1()">
<BR><BR><BR>
<FONT size=+1>2. Vous devez taper la phrase suivante le plus rapidement possible :</FONT>
<BR>
<FONT color=red size=+1><DIV ID="exo2">-</DIV></FONT>
<BR><BR>
<textarea cols="60" rows="5" name="zoneFrappe2" onKeyUp="finir()"></textarea><BR><BR>
<input type='button' name='begin2' value='Commencer' onClick="beginTraining2()"><BR>
<FONT color=red size=+1><DIV ID="res">-</DIV></FONT>
</center>

Conclusion :


Amusez-vous bien !

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_jerms)