javascript-todo-project/index.html at main · JS-Beginners/javascript-todo-project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./styles/styles.css">
    <title>Todos-app</title>
</head>
<body>
<div class="header">
    <div class="container">
        <h1 class="header__title">To-do App</h1>
        <h2 class="header__subtitle">What do you need to do?</h2>
    </div>
</div>

<div class="actions">
    <div class="actions__container">
        <input id="filter-todo" class="input" type="text" placeholder="Filter todos">
        <label class="checkbox" >
            <input id="hide-completed" type="checkbox">Hide completed
        </label>
    </div>
</div>

   <div class="container">
        <div id="todos"></div>
        <form id="todo-form">
            <input type="text" class="input" placeholder="New Todo" name="addTodo">
            <button class="button">Submit</button>
        </form>
   </div>

    <script src="./scripts/uuid.js"></script>
    <script src="./scripts/todos-functions.js"></script>
    <script src="./scripts/todo-app.js"></script>
</body>
</html>