JonathanMb77 / clickme

GNU General Public License v3.0
0 stars 0 forks source link

Affichage temps reaction #12

Closed kylian35 closed 5 months ago

kylian35 commented 5 months ago

Pour commencer, changer l'index.html pour l'affichage en utilisant un id.

<div id="temps"></div>

Ensuite il faut créer la variable qui va permettre de faire l'affichage dans "static/index.js".

const tempsDiv = document.getElementById('temps');

Et créer les variables qui vont permettre de calculer le temps de réaction.

var startTimer;
var endTimer;
var result;

Il faut tout faire dans la partie client "static/index.js". On va utiliser "Date.now()" une première fois au moment où la nouvelle cible verte est créée et l'enregistrer dans une variable.

 startTimer = Date.now();

Ensuite il faut utiliser "Date.now()" quand on clique sur la cible et l'enregistrer dans une variable pour ensuite soustraire les deux variables et diviser le résultat par 10 pour avoir le temps en secondes.

endTimer = Date.now();
result = endTimer - startTimer;
result = result/1000;
tempsDiv.textContent = "Tu as mis " + result + " secondes.";
JonathanMb77 commented 5 months ago

Passable...