Entrainement de frappe au clavier

Soyez le premier à donner votre avis sur cette source.

Snippet vu 37 535 fois - Téléchargée 29 fois

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

Ajouter un commentaire Commentaires
kegi Messages postés 164 Date d'inscription jeudi 23 octobre 2003 Statut Membre Dernière intervention 25 août 2008
26 nov. 2005 à 08:05
"Bonjour, comment allez vous ?"
s'écrit:
"Bonjour, comment allez-vous ?"

"Télephone" s'écrit "Téléphone"

et j'ai la même erreur que linkinpar236737 dans la deuxième partie...

bref, 4/10.

Cordialement,
kevin (kegi@hotmail.com)
cs_jerms Messages postés 115 Date d'inscription jeudi 8 mai 2003 Statut Membre Dernière intervention 3 janvier 2016
25 juin 2003 à 10:57
salut linkinpar236737, j'ai regardé mais à priori y a pas de soucis, il faut que le texte soit identique à le virgule pret pour que le chrono s'arrete.
essaye de copier coller la réponse, ca devrait fonctionner (au moins pour voir si ca va plus vite.
A+
jerm's
cs_jerms Messages postés 115 Date d'inscription jeudi 8 mai 2003 Statut Membre Dernière intervention 3 janvier 2016
24 juin 2003 à 20:30
Ben ecoute je vais regarder ca de plus pres merci en tout cas.
A+
Jerm's
linkinpar236737 Messages postés 161 Date d'inscription jeudi 20 mars 2003 Statut Membre Dernière intervention 7 mai 2007
24 juin 2003 à 11:40
Ce script est pas mal, seul problème, dans la deuxième partie ou il faut taper le plus vite possible, je tape Bonjour comment allez vous, il me met que j'ai tapé ce texte en 1 minute 12. Je tape peut être pas vite, mais pas à ce point. Sinon c'est pas mal : 8/10
linkinpar236737 Messages postés 161 Date d'inscription jeudi 20 mars 2003 Statut Membre Dernière intervention 7 mai 2007
24 juin 2003 à 11:39
Ce script est pas mal, seul problème, dans la deuxième partie ou il faut taper le plus vite possible, je tape Bonjour comment allez vous, il me met que j'ai tapé ce texte en 1 minute 12. Je tape peut être pas vite, mais pas à ce point. Sinon c'est pas mal : 8/10
Afficher les 6 commentaires

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.