回答編集履歴
1
コメントを追加しました
test
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
|
|
37
37
|
```javascript
|
|
38
38
|
|
|
39
|
-
// 追加するTODOの番
|
|
39
|
+
// 追加するTODOの連番
|
|
40
40
|
|
|
41
41
|
var todo_no = 0;
|
|
42
42
|
|
|
@@ -50,23 +50,37 @@
|
|
|
50
50
|
|
|
51
51
|
var d = document;
|
|
52
52
|
|
|
53
|
-
var todo_elm;
|
|
53
|
+
var todo_elm; // 追加するTODOのエレメントを入れる変数
|
|
54
54
|
|
|
55
|
-
var input_elm = d.getElementById('txt_todo');
|
|
55
|
+
var input_elm = d.getElementById('txt_todo'); // TODOを追加するinputタグを取得
|
|
56
56
|
|
|
57
|
-
var txt_todo = input_elm.value;
|
|
57
|
+
var txt_todo = input_elm.value; // inputに入力されている文字
|
|
58
|
+
|
|
59
|
+
// もし 入力されている文字が空でなければ
|
|
58
60
|
|
|
59
61
|
if(txt_todo !== "") {
|
|
60
62
|
|
|
63
|
+
// TODOの連番を+1する
|
|
64
|
+
|
|
61
65
|
todo_no += 1;
|
|
62
66
|
|
|
67
|
+
// 追加するTODOになる div 要素を作成 -> <div></div>
|
|
68
|
+
|
|
63
|
-
todo_elm = d.createElement('
|
|
69
|
+
todo_elm = d.createElement('div');
|
|
70
|
+
|
|
71
|
+
// 追加するTODOになる div 要素に todo1 の様な idをつける -> <div id="todo1"></div>
|
|
64
72
|
|
|
65
73
|
todo_elm.id = todo_prefix + todo_no;
|
|
66
74
|
|
|
75
|
+
// 追加するTODOになる div の中に inputで入力された文字列と 削除ボタンになるinput[type="button"]タグを追加
|
|
76
|
+
|
|
67
77
|
todo_elm.innerHTML = txt_todo + ' <input type="button" value="del" onclick="del_todo(\'' + todo_elm.id + '\');">';
|
|
68
78
|
|
|
79
|
+
// 確認用のlogを出力 ※ 機能的には不要
|
|
80
|
+
|
|
69
81
|
console.log('+ create TODO', todo_elm);
|
|
82
|
+
|
|
83
|
+
// <div id="view_todo"></div> に作成した TODOのdivを追加
|
|
70
84
|
|
|
71
85
|
d.getElementById('view_todo').appendChild( todo_elm );
|
|
72
86
|
|
|
@@ -98,9 +112,15 @@
|
|
|
98
112
|
|
|
99
113
|
function del_todo(todo_id) {
|
|
100
114
|
|
|
115
|
+
// 確認用のタダのlog ※ 機能的には不要
|
|
116
|
+
|
|
101
117
|
console.log('>>> delete TODO ID is', todo_id);
|
|
102
118
|
|
|
119
|
+
// 引数のTODO IDから対象のTODOを取得 todo_id が 'todo1'なら <div id="todo1">を取得
|
|
120
|
+
|
|
103
|
-
var del_elm = document.getElementById(todo_id);
|
|
121
|
+
var del_elm = document.getElementById(todo_id);
|
|
122
|
+
|
|
123
|
+
// <div id="view_todo">の中から del_elm で取得した div を削除
|
|
104
124
|
|
|
105
125
|
document.getElementById('view_todo').removeChild(del_elm);
|
|
106
126
|
|