SinglePlayer - Games/Guess The Sequence/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Guess the Sequence</title>
    <link rel="stylesheet" href="styles.css">
    <script src="script.js"></script>
</head>
<body>
<h1>Guess the sequence</h1>
<div id = "menu">
    <div class="card">
        <p>The goal of the game is to attempt to guess the secret code generated by the computer.</p>  
        <p>Black pegs for correct colors in the correct positions</p> 
        <p>   White pegs for correct colors in incorrect positions</p> 
            <p>   Grey for colors that do not appear on the sequence</p> 
        <label for="difficulty"> Select Difficulty:</label>
        <select id ="difficulty">
            <option value="Easy">Easy</option>
            <option value="Medium">Medium</option>
            <option value ="Hard">Hard</option>
        </select>
            <button class="button" onclick="newGame()" type="button">New Game</button>
    </div>

</div>
<div id="game">
    <div id="colors">
    </div>
    <div id="guesses">
        <div class = "guess">
        </div>
    </div>
    
    <div id="results">
        
    </div>
</div>
<div id="check">
    <label id="attempsLeft"></label>
    <button class="button" onclick="checkAnswer()" type="button">Check Guess</button>
</div>
<div id="confetti-container">
    <div class="card">
      <p id="resultText">Congratulations, you won!</p>
        <button class="button" onclick="wonButton()" type="button">New game</button>
    </div>
</div>

</body>
</html>