-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
43 lines (43 loc) · 2.34 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Morse Code</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Morse Code simulator</h1>
<main class="container">
<section class="sentence-container">
<span id="sentence">Press spacebar to calibrate</span>
</section>
<section class="word-container">
<p id="currentWord"> </p>
</section>
<section class="letter-container">
<p id="currentLetter"> </p>
</section>
</main>
<section class="stats-container">
<span>Dit average speed (in ms): <span id="spanDitAverage"></span></span>
<span>Dah average speed (in ms): <span id="spanDahAverage"></span></span>
</section>
<table id='morse-code-table'>
<!-- <tbody>
<tr><td>A</td><td>∙ — </td><td>L</td><td>∙ — ∙ ∙ </td><td>V</td><td>∙ ∙ ∙ — </td><td>1 </td><td>∙ — — — — </td></tr>
<tr><td>B</td><td>— ∙ ∙ ∙ </td><td>M</td><td>— — </td><td>W</td><td>∙ — — </td><td>2</td><td>∙ ∙ — — — </td></tr>
<tr><td>C</td><td>— ∙ — ∙ </td><td>N</td><td>— ∙ </td><td>X</td><td>— ∙ ∙ — </td><td>3</td><td>∙ ∙ ∙ — — </td></tr>
<tr><td>E</td><td>∙ </td><td>O</td><td>— — — </td><td>Y</td><td>— ∙ — — </td><td>4</td><td>∙ ∙ ∙ ∙ — </td></tr>
<tr><td>F</td><td>∙ ∙ — ∙ </td><td>P</td><td>∙ — — ∙ </td><td>Z</td><td>— — ∙ ∙ </td><td>5</td><td>∙ ∙ ∙ ∙ ∙ </td></tr>
<tr><td>G</td><td>— — ∙ </td><td>Q</td><td>— — ∙ — </td><td></td><td></td><td>6</td><td>— ∙ ∙ ∙ ∙ </td></tr>
<tr><td>H</td><td>∙ ∙ ∙ ∙ </td><td>R</td><td>∙ — ∙ </td><td></td><td></td><td>7</td><td>— — ∙ ∙ ∙ </td></tr>
<tr><td>I</td><td>∙ ∙ </td><td>S</td><td>∙ ∙ ∙ </td><td></td><td></td><td>8</td><td>— — — ∙ ∙ </td></tr>
<tr><td>J</td><td>∙ — — — </td><td>T</td><td>— </td><td></td><td></td><td>9</td><td>— — — — ∙ </td></tr>
<tr><td>K</td><td>— ∙ — </td><td>U</td><td>∙ ∙ — </td><td></td><td></td><td>∙ </td><td>— — — — — </td></tr>
</tbody> -->
</table>
<footer><a href="https://github.com/henrythach/morse-code">henrythach</a></footer>
<script src="./main.js"></script>
</body>
</html>