| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Simple Todo App</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Todo List</h1> | |
| <div class="todo-form"> | |
| <input type="text" id="todoInput" placeholder="Add a new task..." required> | |
| <button id="addBtn">Add Task</button> | |
| </div> | |
| <ul id="todoList" class="todo-list"> | |
| <!-- Todo items will be added here dynamically --> | |
| </ul> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |