質問編集履歴

2

修正

2021/07/08 09:11

投稿

aconnect
aconnect

スコア2

title CHANGED
File without changes
body CHANGED
@@ -52,6 +52,8 @@
52
52
  box_element.appendChild(ul_element);
53
53
  ul_element.appendChild(li_element);
54
54
  li_element.appendChild(aGoogle_element);
55
+       li_element.appendChild(aYahoo_element);
56
+       li_element.appendChild(aBing_element);
55
57
 
56
58
  </script>
57
59
  </body>

1

修正

2021/07/08 09:11

投稿

aconnect
aconnect

スコア2

title CHANGED
File without changes
body CHANGED
@@ -25,4 +25,37 @@
25
25
 
26
26
  </script>
27
27
  </body>
28
- ```
28
+ ```
29
+
30
+ ## 編集後
31
+ ```javascript
32
+ <body>
33
+ <h1>課題1</h1>
34
+ <div id="box"></div>
35
+ <script>
36
+ let ul_element = document.createElement('ul');
37
+ let li_element = document.createElement('li');
38
+
39
+ let aGoogle_element = document.createElement('a');
40
+ aGoogle_element.innerHTML = 'google';
41
+ aGoogle_element.href = 'https://google.com';
42
+
43
+ let aYahoo_element = document.createElement('a');
44
+ aYahoo_element.innerHTML = 'Yahoo';
45
+ aYahoo_element.href = 'https://yahoo.com';
46
+
47
+ let aBing_element = document.createElement('a');
48
+ aBing_element.innerHTML = 'Bing';
49
+ aBing_element.href = 'https://bing.com';
50
+
51
+ let box_element = document.getElementById('box');
52
+ box_element.appendChild(ul_element);
53
+ ul_element.appendChild(li_element);
54
+ li_element.appendChild(aGoogle_element);
55
+
56
+ </script>
57
+ </body>
58
+ ```
59
+
60
+ for文で3つまで増やそうとしたところリンクが3つ並んだものが3つになるという始末です。
61
+ for(let i = 1; i <= 5; i++){