回答編集履歴
10
テキスト修正
test
CHANGED
@@ -52,7 +52,7 @@
|
|
52
52
|
|
53
53
|
|
54
54
|
|
55
|
-
[https://jsfiddle.net/jun68ykt/x682pqeh/
|
55
|
+
[https://jsfiddle.net/jun68ykt/x682pqeh/3/](https://jsfiddle.net/jun68ykt/x682pqeh/3/)
|
56
56
|
|
57
57
|
|
58
58
|
|
9
テキスト修正
test
CHANGED
@@ -38,7 +38,7 @@
|
|
38
38
|
|
39
39
|
(4) クリックハンドラで、 `$(this).text(i);` としているところは、 `<li>`の `data-num`属性
|
40
40
|
|
41
|
-
に入れた数字を`.text()`
|
41
|
+
に入れた数字を`.text()`の引数にする。
|
42
42
|
|
43
43
|
|
44
44
|
|
8
テキスト修正
test
CHANGED
@@ -42,7 +42,7 @@
|
|
42
42
|
|
43
43
|
|
44
44
|
|
45
|
-
(5) `array`
|
45
|
+
(5) `array` という変数名は抽象的すぎるし組み込み型名の`Array`とかぶるので他の適切な何かにする。
|
46
46
|
|
47
47
|
|
48
48
|
|
7
テキスト修正
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
(1)
|
9
|
+
(1) for 文で `for(i =0; ` としているところは、`i` の宣言に `var`を付けて、 `for(var i =0; ` にする。
|
10
10
|
|
11
11
|
|
12
12
|
|
6
テキスト修正
test
CHANGED
@@ -13,6 +13,20 @@
|
|
13
13
|
(2) `カードを追加`のところで、`<li>`要素の文字列を、数字を入れた配列の `array`に追加して
|
14
14
|
|
15
15
|
いるが、`<li>`を入れていく配列は別の変数にする。
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
※この修正をすることで、
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
> <li>の外にも数字の羅列が表示されてしまいます。
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
の問題が解決されます。
|
28
|
+
|
29
|
+
|
16
30
|
|
17
31
|
|
18
32
|
|
5
テキスト修正
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
(1) JS の for 文で `for(i =0; ` としているところは、 `for(var i =0; `
|
9
|
+
(1) JS の for 文で `for(i =0; ` としているところは、`i` の宣言に `var`を付けて、 `for(var i =0; ` にする。
|
10
10
|
|
11
11
|
|
12
12
|
|
4
テキスト修正
test
CHANGED
@@ -6,21 +6,29 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
|
9
|
+
(1) JS の for 文で `for(i =0; ` としているところは、 `for(var i =0; ` と `var`をつける。
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
|
13
|
+
(2) `カードを追加`のところで、`<li>`要素の文字列を、数字を入れた配列の `array`に追加して
|
14
|
+
|
15
|
+
いるが、`<li>`を入れていく配列は別の変数にする。
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
(3) `"<li data-num='array[i]'>" + '?' + "</li>"` では、`data-num`属性に数字が
|
20
|
+
|
21
|
+
入らずに、`"array[i]"` という文字列が入ってしまうので、これを修正
|
22
|
+
|
23
|
+
|
24
|
+
|
25
|
+
(4) クリックハンドラで、 `$(this).text(i);` としているところは、 `<li>`の `data-num`属性
|
26
|
+
|
27
|
+
に入れた数字を`.text()`で設定する。
|
14
28
|
|
15
29
|
|
16
30
|
|
17
|
-
- `"<li data-num='array[i]'>" + '?' + "</li>"` では、`data-num`属性に数字が入らずに、`"array[i]"` という文字列が入ってしまうので、これを修正
|
18
|
-
|
19
|
-
- クリックハンドラで、 `$(this).text(i);` としているところは、 `<li>`の `data-num`属性に入れた数字を`.text()`で設定する。
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
31
|
+
(5) `array` という配列名は抽象的すぎるし組み込み型名の`Array`とかぶるので他の適切な何かにする。
|
24
32
|
|
25
33
|
|
26
34
|
|
3
テキスト修正
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
ご質問にある
|
5
|
+
ご質問にあるJavaScriptを、以下の諸点で修正するとよいと思いました。
|
6
6
|
|
7
7
|
|
8
8
|
|
2
テキスト修正
test
CHANGED
@@ -2,17 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
ご質問にあるHTML,CSS,JS を
|
5
|
+
ご質問にあるHTML,CSS,JS を、以下の諸点で修正するとよいと思いました。
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
[https://jsfiddle.net/jun68ykt/x682pqeh/](https://jsfiddle.net/jun68ykt/x682pqeh/)
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
これを、以下の諸点で修正するとよいと思いました。
|
16
6
|
|
17
7
|
|
18
8
|
|
1
テキスト修正
test
CHANGED
@@ -24,7 +24,7 @@
|
|
24
24
|
|
25
25
|
|
26
26
|
|
27
|
-
- `<li data-num='array[i]'>" + '?' + "</li>"` では、`data-num`属性に数字が入らずに、`"array[i]"` という文字列が入ってしまうので、これを修正
|
27
|
+
- `"<li data-num='array[i]'>" + '?' + "</li>"` では、`data-num`属性に数字が入らずに、`"array[i]"` という文字列が入ってしまうので、これを修正
|
28
28
|
|
29
29
|
- クリックハンドラで、 `$(this).text(i);` としているところは、 `<li>`の `data-num`属性に入れた数字を`.text()`で設定する。
|
30
30
|
|