index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TODO</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <div class="todo-app">
            <h2> To-Do List <img
                    src="https://imgs.search.brave.com/QpbM_bRtQQrpiI8GVH1UsaM5pe8-mZFr9kTk3zEMtbc/rs:fit:500:0:0/g:ce/aHR0cHM6Ly9jZG4u/aWNvbi1pY29ucy5j/b20vaWNvbnMyLzcv/UE5HLzk2L2xpc3Rf/OTkyLnBuZw">
            </h2>
            <div class="row">
                <input type="text" name="" id="input-box" placeholder="add your task">
                <button onclick='AddTask()'>Add</button>
            </div>

            <ul id="list-container">
               

            </ul>

        </div>

    </div>

</body>

<script src="script.js"></script>

</html>