-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
23 lines (23 loc) · 908 Bytes
/
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
<!-- inside index.html -->
<html>
<head>
<title>Typing game</title>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css' >
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Typing Game Demo</h1>
<div style="text-align:center;">
<img id="pic" src="./images/hoge.jpeg" width="700" height="525">
</div>
<p id="init_msg">Practice your typing skills with a quote from Steve Jobs. Click "start" to begin!</p>
<p id="quote"></p> <!-- This will display our quote -->
<p id="quote_ja"></p>
<p id="message"></p> <!-- This will display any status messages -->
<div class="text-center">
<input type="text" aria-label="current word" id="typed-value" /><br><br> <!-- The textbox for typing -->
<button type="button" id="start">Start</button> <!-- To start the game -->
</div>
<script src="script.js"></script>
</body>
</html>