index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simon Play Game</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- <h1>Todo App</h1>
    <input  placeholder="enter your task">
    <button>Add Task</button>
    <ul>
        <li>Eat <button class="delete"> delete </button></li>
        <li>Sleep <button class="delete"> delete </button></li>
        
    </ul> -->
    
    <!-- Todo app  -->


<div class="container">
    <h1>Simon Says Game </h1>
     <p > <b>High Score : 0</b></p>
     <button type="button" >start</button>
<h2>Press any key to start game</h2>
</div>
<div class="btn-container">
    <div class="line1">
        <div class="btn yellow" type="button" id="yellow">1</div>
        <div class="btn red" type="button" id="red">2</div>
    </div>
    <div class="line2">
        <div class="btn purpel" type="button" id="purpel">3</div>
        <div class="btn green" type="button" id="green">4</div>
    </div>
</div>
<script src="app.js"></script>
</body>
</html>