thisのところをそれぞれ start/stopに書き換えるとうまく機能するのですが、thisにしたら機能しなくなりました。 使い方を間違っているのでしょうか?
js
1(function(){ 2 'using strict'; 3 4 var start = document.getElementById('start'); 5 var stop = document.getElementById('stop'); 6 var result = document.getElementById('result'); 7 var comment = document.getElementById('comment'); 8 var startTime; 9 10 start.addEventListener('click',()=>{ 11 startTime = Date.now(); // スタート 12 ここ=>this.className = 'pushed'; 13 stop.className = ''; 14 }); 15 16 stop.addEventListener('click',()=>{ 17 var elapsedTime; 18 var diff; 19 elapsedTime = (Date.now() - startTime) / 1000; 20 // ストップ & (start - stop)/1000 = result 21 result.textContent = elapsedTime.toFixed(3); 22 23 ここ=this.className = 'pushed'; 24 start.className = ''; 25 26 diff = elapsedTime - 5.0; 27 // if(diff < -1.0 && diff < 1.0) 28 if(Math.abs(diff) < 0.0){ 29 comment.textContent = 'おめでとう'; 30 }else if(Math.abs(diff) < 0.3){ 31 comment.textContent = 'もうちょっと我慢・・・'; 32 }else if(Math.abs(diff) < 1.0){ 33 comment.textContent = '早すぎや'; 34 }else{ 35 comment.textContent = 'はぁ?'; 36 } 37 }); 38})();
回答2件
あなたの回答
tips
プレビュー