index.html

Download
html 38 lines 1.2 KB 
 1<!DOCTYPE html>
 2<html lang="ko">
 3<head>
 4    <meta charset="UTF-8">
 5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6    <title>Todo App</title>
 7    <link rel="stylesheet" href="style.css">
 8</head>
 9<body>
10    <div class="app">
11        <header class="header">
12            <h1>πŸ“ Todo List</h1>
13            <p class="date" id="currentDate"></p>
14        </header>
15
16        <div class="input-section">
17            <input type="text" id="todoInput" placeholder="ν•  일을 μž…λ ₯ν•˜μ„Έμš”..." autocomplete="off">
18            <button id="addBtn">μΆ”κ°€</button>
19        </div>
20
21        <div class="filters">
22            <button class="filter-btn active" data-filter="all">전체</button>
23            <button class="filter-btn" data-filter="active">진행쀑</button>
24            <button class="filter-btn" data-filter="completed">μ™„λ£Œ</button>
25        </div>
26
27        <ul class="todo-list" id="todoList"></ul>
28
29        <footer class="footer" id="footer">
30            <span id="todoCount">0개 ν•­λͺ©</span>
31            <button id="clearCompleted">μ™„λ£Œ ν•­λͺ© μ‚­μ œ</button>
32        </footer>
33    </div>
34
35    <script src="app.js"></script>
36</body>
37</html>