typing_test/index.html at master · edn0/typing_test · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<html lang="fr">

<head>
    <title>Vitesse de frappe 🔤</title>
    <link rel="stylesheet" href="style.css">

</head>

<body>

    <div id="container">

        <div id="header">
            <div id="header_wrapper">

                <h1 id="title">Test de dactylographie</h1>

                <div id="mpm">

                    <div id="mpm_label">
                        <span id="mpm_label_title">mpm</span>
                        <span id="mpm_label_info">Mots par minute</span>
                        <div id="mpm_value">0</div>
                    </div>

                </div>

                <div id="fpm">

                    <div id="fpm_label">
                        <span id="fpm_label_title">fpm</span>
                        <span id="fpm_label_info">Frappes par minute</span>
                        <div id="fpm_value">0</div>
                    </div>

                </div>

                <div id="err">

                    <div id="err_label">
                        <span id="err_label_title">err</span>
                        <span id="err_label_info">Erreur(s)</span>
                        <div id="err_value">0</div>
                    </div>

                </div>

                <div id="time">

                    <div id="time_label">
                        <span id="time_label_title">time</span>
                        <span id="time_label_info">Temps restant</span>
                        <div id="time_value">0</div>
                    </div>

                </div>

                <div id="precision">

                    <div id="precision_label">
                        <span id="precision_label_title">precision</span>
                        <span id="precision_label_info">Précision</span>
                        <div id="precision_value">0</div>
                    </div>

                </div>

            </div>
        </div>


        <div id="prompt"><span>Pressez le bouton "Commencer" ci-dessous pour démarrer le test.</span></div>


        <textarea id="input_area" placeholder="Commencez à écrire ici..." oninput="process_current_text()" onfocus="start_game()"></textarea>


        <button id="start_btn" onclick="location.reload()">Recommencer</button>


    </div>


</body>

<script src="https://edn0.github.io/typing_test/script.js"></script>


</html>