質問編集履歴

1

コードを書き加えました。

2021/06/28 07:24

投稿

umi3
umi3

スコア18

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,100 @@
14
14
 
15
15
 
16
16
 
17
+ 上の「form-box」で入力した内容をjsを使って「main-table」に表示させようと思ってます。
18
+
19
+
20
+
21
+ ### 発生している問題・エラーメッセージ
22
+
23
+
24
+
25
+ ```html
26
+
27
+ <div class="form-box">
28
+
29
+ <table class="form">
30
+
31
+ <tr>
32
+
33
+ <th>予定</th>
34
+
35
+ <td><input id="todo" type="text" placeholder="予定を入力" value="予定"></td>
36
+
37
+ <th>日時</th>
38
+
39
+ <td><input id="date" type="datetime-local"></td>
40
+
41
+ </tr>
42
+
43
+ <tr>
44
+
45
+ <th>お金</th>
46
+
47
+ <td><input id="price" type="text" placeholder="金額を入力" value="10000"></td>
48
+
49
+ <th>期日</th>
50
+
51
+ <td><input id="duedate" type="datetime-local" datetime="YYYY-MM-DD HH:mm:ss"></td>
52
+
53
+ </tr>
54
+
55
+ <tr>
56
+
57
+ <th>持ち物</th>
58
+
59
+ <td><input id="item" type="text" value="持ち物"></td>
60
+
61
+ <th>メモ</th>
62
+
63
+ <td><input id="memo" type="text" value="めもです"></td>
64
+
65
+ </tr>
66
+
67
+ </table>
68
+
69
+ <div id="addButton"><button type="submit">登録する</button></div>
70
+
71
+ <div id="clearButton"><button type="submit" onclick="deleteCheck()" >選択削除</button></div>
72
+
73
+ <div id="allclearButton"><button type="submit" onclick="deleteAll()">すべて削除</button></div>
74
+
75
+ </div>
76
+
77
+
78
+
79
+ <table class="main-table" id="table">
80
+
81
+ <tr id="table-header">
82
+
83
+ <th class="header-check"></th>
84
+
85
+ <th class="header-id">ID</th>
86
+
87
+ <th class="header-todo">予定</th>
88
+
89
+ <th class="header-date">日時</th>
90
+
91
+ <th class="header-price">お金</th>
92
+
93
+ <th class="header-duedate">期日</th>
94
+
95
+ <th class="header-item">持ち物</th>
96
+
97
+ <th class="header-memo">メモ</th>
98
+
99
+ <th class="header-check"></th>
100
+
101
+ </tr>
102
+
103
+ </table>
104
+
105
+ ```
106
+
107
+
108
+
109
+
110
+
17
111
 
18
112
 
19
113