index.html

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
        <title>to-do list</title>
    </head>

    <body>
        <div class="page">
            <div class="container">
                <h1>TODO LIST</h1>
                <div id="todoForm">
                    <input type="text" name="todo" id="todo" placeholder="enter your to-do">
                    <button onclick="newElement()" id="button" name="submit">add</button>
                </div>
                <div class="todo-container">
                    <ul class="todo-list" id="myUL">

                    </ul>
                </div>
            </div>


            <script src="main.js"></script>
    </body>

    </html>