js-features/mole-game/task.html

<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">    
    <link rel="stylesheet" href="../../assets/css/style.css" />
    <link rel="stylesheet" href="task.css">
    <title>Mole Game</title>    
</head>
<body>
    <header class="header">
        <div class="logo__container">
          <a href="https://netology.ru/" class="logo__link"></a>
        </div>
        <h1 class="header__title">
            Домашнее задание к занятию 1.1 «Возможности JavaScript в браузере». Игра «Убей кротов»
        </h1>
    </header>
    <main class="content">
        <div class="card">
            <div id="status" class="status">
                Убито кротов: <span id="dead">0</span><br>
                Промахов: <span id="lost">0</span><br>
            </div>
            <div class="hole-game">
                <div class="hole hole_has-mole" id="hole1"></div>
                <div class="hole" id="hole2"></div>
                <div class="hole" id="hole3"></div>
                <div class="hole" id="hole4"></div>
                <div class="hole" id="hole5"></div>
                <div class="hole" id="hole6"></div>
                <div class="hole" id="hole7"></div>
                <div class="hole" id="hole8"></div>
                <div class="hole" id="hole9"></div>
            </div>
        </div>
    </main>    
    <script src="base.js"></script>
    <script src="task.js"></script>
</body>
</html>