SimonSayGame.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>simon say</title>
    <link rel="stylesheet" href="./SimonSayGame.css">
</head>
<body>
    <h1>Simon Say Game</h1>
    <h2>Press any key to start the game</h2>
    <div id="score">
        <h2>highest score is </h2>
        <h2 id="highest">0</h2>
    </div>
    
    <div class="outer">
        
    <div id="btn-contanier">

        <div id="line-one">
        <div class="btn red" id="red" type="button">1</div>
        <div class="btn yellow" id="yellow" type="button">2</div>
        </div>
        <div id="line-two">
        <div class="btn green" id="green" tupe="button">3</div>
        <div class="btn purple" id="purple" type="button">4</div>
        </div>
    </div>
    </div>
    <script src="./SimonSayGame.js"></script>
</body>
</html>