index.html

<html>

<head>
    <meta charset="utf-8">
    <title>Pop Balloons</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
    <h1>POPBALLOONS</h1>
    <p>Click the balloons as fast as you can! Tries left: <span id="attempts">10</span> </p>
    <p class="bold">Time: <span id="timeTaken"></span></p>
    <p class="bold">Total time: <span id="totalTime"></span></p>
    <button id="reset" class="reset">Start Game</button>
    <div id="gameArea">
        <div id="shape"></div>
    </div>
    <div id="modal-container" class="modal-container">
        <div id="gameOver">
            <h2>Game over!</h2>
            <p id="final-reaction-time"></p>
            <button id="start" class="reset">New Game</button>
        </div>
    </div>
    <script type="text/javascript" src="src/script.js"></script>
</body>

</html>