質問するログイン新規登録

質問編集履歴

1

書式の改善

2021/11/15 12:10

投稿

mirk
mirk

スコア2

title CHANGED
File without changes
body CHANGED
@@ -3,22 +3,40 @@
3
3
  という問題なのですが、
4
4
  以下の様に記述したところ、
5
5
  ```HTML
6
+ <!DOCTYPE html>
7
+ <html>
8
+ <body>
9
+ <div id="favorites">
10
+ <p class="fruit">Apple</p>
11
+ <p class="fruit">Orange</p>
12
+ <p class="fruit">Banana</p>
13
+ <p class="animal">Dog</p>
14
+ <p class="animal">Cat</p>
15
+ <p class="fruit">Kiwi</p>
16
+ <p class="animal">Horse</p>
17
+ </div>
18
+
19
+ <script>
6
- function getAnimals() {
20
+ function getFruits() {
7
- var elements = document.getElementsByClassName("animal");
21
+     var elements = document.getElementsByClassName("fruit");
8
- return animal;
22
+ return fruit;
9
23
  }
24
+ </script>
25
+ </body>
26
+ </html>
10
27
  ```
11
28
 
12
- エラーが以下の様に出ました。
13
29
  node test.js
14
30
 
15
31
  正しく実行できること
16
- ReferenceError: animal is not defined
32
+ ReferenceError: fruit is not defined
17
- at getAnimals (file:///root/src/index.html:4:9)
33
+ at getFruits (file:///root/src/index.html:4:9)
18
34
  at test (/root/src/test.js:10:25)
19
35
  at /root/src/jsdom-test-utils:117:9
36
+ 19% Completed
20
37
 
38
+
21
- .エラーである様に,「animal」が定義できていないことや、getElementsByClassNameが機能させることができていないことはわかるのですが、
39
+ .エラーである様に,「fruit」が定義できていないことや、getElementsByClassNameが機能させることができていないことはわかるのですが、
22
40
  正しく実行することができません。
23
41
 
24
42
  正しいコードと解説をいただけないでしょうか。