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

回答編集履歴

2

調整

2019/02/28 09:59

投稿

yambejp
yambejp

スコア117888

answer CHANGED
@@ -1,25 +1,19 @@
1
1
  ```javascript
2
2
  start.addEventListener('click',function(){
3
- startTime = Date.now(); // スタート
4
3
  this.className = 'pushed';
5
- stop.className = '';
6
4
  });
7
5
  ```
8
6
  という書き方をすればthisが自分自身になりますが
9
7
  ```javascript
10
8
  start.addEventListener('click',()=>{
11
- startTime = Date.now();
12
9
  this.className = 'pushed';
13
- stop.className = '';
14
10
  });
15
11
  ```
16
12
  における、thisはwindowを示すので駄目です
17
13
  こういう場合はイベントを拾って
18
14
  ```javascript
19
15
  start.addEventListener('click',e=>{
20
- startTime = Date.now();
21
16
  e.target.className = 'pushed';
22
- stop.className = '';
23
17
  });
24
18
  ```
25
19
  という書き方をしてください

1

調整

2019/02/28 09:59

投稿

yambejp
yambejp

スコア117888

answer CHANGED
@@ -14,11 +14,12 @@
14
14
  });
15
15
  ```
16
16
  における、thisはwindowを示すので駄目です
17
- こういう場合は
17
+ こういう場合はイベントを拾って
18
18
  ```javascript
19
- start.addEventListener('click',()=>{
19
+ start.addEventListener('click',e=>{
20
20
  startTime = Date.now();
21
- this.className = 'pushed';
21
+ e.target.className = 'pushed';
22
22
  stop.className = '';
23
23
  });
24
- ```
24
+ ```
25
+ という書き方をしてください