master

分支 (1)

管理

管理

master

typing-practice-game
/
game.html

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>打字练习</title>
    <link rel="stylesheet" href="./game.css">
</head>
<body>
    <div class="info">
        <div id="time_box">倒计时：<span id="time">60</span></div>
        <div id="score_box">分数：<span id="score">0</span></div>
    </div>
    <div class="cover">
        <h1 class="title">打字练习小游戏</h1>
        <p class="game_info">游戏说明：在小球下落到屏幕底部之前输入对应的字母即可得分，输入错误会减分，小球落到屏幕底部消失也会减分。选择难度进行游戏吧。</p>
        <div class="btn_box">
            <button class="difficult" data-value="1200">入门</button>
            <button class="difficult" data-value="1000">简单</button>
            <button class="difficult" data-value="800">中等</button>
            <button class="difficult" data-value="600">困难</button>
            <button class="difficult" data-value="400">地狱</button>
        </div>
    </div>
    <div class="ready">准备</div>
    <div class="countdown index1">3</div>
    <div class="countdown index2">2</div>
    <div class="countdown index3">1</div>
    <div class="countdown index4">开始</div>
    <script src="./game.js"></script>
</body>
</html>