質問編集履歴

1

HTMLを記載いたしました。失礼いたしました。

2020/06/27 01:22

投稿

aki_
aki_

スコア18

test CHANGED
File without changes
test CHANGED
@@ -26,6 +26,86 @@
26
26
 
27
27
  ### ソースコード
28
28
 
29
+
30
+
31
+ ```HTML
32
+
33
+ <!DOCTYPE html>
34
+
35
+ <html lang="ja">
36
+
37
+ <head>
38
+
39
+ <meta charset="UTF-8">
40
+
41
+ <title>Todo List</title>
42
+
43
+ <meta name="description" content="">
44
+
45
+
46
+
47
+ <meta name="viewport" content="width=device-width,initial-scale=1">
48
+
49
+ <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
50
+
51
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
52
+
53
+ <link rel="stylesheet" href="css/style.css">
54
+
55
+ </head>
56
+
57
+ <body>
58
+
59
+ <div class="container">
60
+
61
+ <header class="header txt--center">
62
+
63
+ <h1 class="header__ttl">TodoList</h1>
64
+
65
+ </header>
66
+
67
+
68
+
69
+ <main class="todoContainer">
70
+
71
+ <form id="todos" class="todos" name="todos">
72
+
73
+ <!--<ul class="noTodo">
74
+
75
+ <li id="noTodoItem" class="noTodoItem">NoTodoList</li>
76
+
77
+ </ul>-->
78
+
79
+ <!--リスト(li要素)はjavascriptで入れる-->
80
+
81
+ </form>
82
+
83
+ <div class="fixedTodo">
84
+
85
+ <form action="" id="add" class="addTask">
86
+
87
+ <label class="formTtl">タスク:<input type="text" id="inputText" class="formTxt addTask" name="add" placeholder="New Text"></label>
88
+
89
+ </form>
90
+
91
+
92
+
93
+ <button id="allDelBtn" class="allDelBtn">終了タスクをまとめて削除</button>
94
+
95
+ </div>
96
+
97
+ </main>
98
+
99
+
100
+
101
+ </div>
102
+
103
+ <script src="js/script.js"></script>
104
+
105
+ </body>
106
+
107
+ </html>```
108
+
29
109
  ```JavaScript
30
110
 
31
111
  'use strict'