回答編集履歴

3

chousei

2021/04/22 10:39

投稿

yambejp
yambejp

スコア116734

test CHANGED
@@ -5,3 +5,85 @@
5
5
  それとaddEventListenerの中にaddEventListenerを指定すると
6
6
 
7
7
  clickするたびにイベントが追加されることになります、大丈夫ですか?
8
+
9
+
10
+
11
+ # sample
12
+
13
+ ```javascript
14
+
15
+ <div id="box">
16
+
17
+ <p class="one">1</p>
18
+
19
+ <p class="two">2</p>
20
+
21
+ <p class="three">3</p>
22
+
23
+ <p class="four">4</p>
24
+
25
+ </div>
26
+
27
+ <div id="answer1"></div>
28
+
29
+ <div id="answer2"></div>
30
+
31
+ <div id="answer3"></div>
32
+
33
+
34
+
35
+ <script>
36
+
37
+ const answer1=document.querySelector('#answer1');
38
+
39
+ const answer2=document.querySelector('#answer2');
40
+
41
+ const answer3=document.querySelector('#answer3');
42
+
43
+ document.addEventListener('click', e=>{
44
+
45
+ var target = e.target;
46
+
47
+ if(target.closest('#box')){
48
+
49
+ switch(true){
50
+
51
+ case target.classList.contains('one'):
52
+
53
+ answer1.innerHTML = '一';
54
+
55
+ break;
56
+
57
+ case target.classList.contains('two'):
58
+
59
+ answer1.innerHTML = '二';
60
+
61
+ break;
62
+
63
+ case target.classList.contains('three'):
64
+
65
+ answer1.innerHTML = '三';
66
+
67
+ break;
68
+
69
+ case target.classList.contains('four'):
70
+
71
+ answer1.innerHTML = '四?';
72
+
73
+ answer2.innerHTML = '五';
74
+
75
+ }
76
+
77
+ }
78
+
79
+ if(target.closest('#answer2')){
80
+
81
+ answer3.innerHTML = '六';
82
+
83
+ }
84
+
85
+ });
86
+
87
+ </script>
88
+
89
+ ```

2

ちょうせい

2021/04/22 10:39

投稿

yambejp
yambejp

スコア116734

test CHANGED
@@ -1,4 +1,6 @@
1
+ answer1,2,3の指定もないし、sixやsevenも意味不明
2
+
1
- answerの指定もないし、idを指定しているのにclassだったりしています
3
+ idを指定しているのにclassだったりしています
2
4
 
3
5
  それとaddEventListenerの中にaddEventListenerを指定すると
4
6
 

1

chousei

2021/04/22 10:06

投稿

yambejp
yambejp

スコア116734

test CHANGED
@@ -1 +1,5 @@
1
1
  answerの指定もないし、idを指定しているのにclassだったりしています
2
+
3
+ それとaddEventListenerの中にaddEventListenerを指定すると
4
+
5
+ clickするたびにイベントが追加されることになります、大丈夫ですか?