typing-game/index.html at main · doyase/typing-game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>タイピングゲーム</title>
    <link rel="stylesheet" href="style.css"> <!-- CSSを外部ファイル化 -->
</head>
<body>
    <h1>タイピングゲーム</h1>
    <button id="startButton">げ～むかいし</button>
    <button id="pauseButton">いちじて～し</button>
    <div id="word"></div>
    <input type="text" id="input" placeholder="ここに入力" autofocus />
    <div id="score">スコア: 0</div>
    <div id="time">残り時間: --秒</div>
    <div id="difficulty">難易度: 簡単</div>
    <button id="restartButton" style="display: none;">もういっかい！</button>

    <script src="script.js"></script> <!-- JavaScriptを外部ファイル化 -->
</body>
</html>