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

回答編集履歴

1

ちょうせい

2019/10/29 05:27

投稿

yambejp
yambejp

スコア117908

answer CHANGED
@@ -1,15 +1,14 @@
1
1
  処理をまとめるならこんな感じ
2
-
2
+ ※微調整しました
3
3
  ```javascript
4
4
 
5
5
  <script>
6
6
  window.addEventListener('DOMContentLoaded', ()=>{
7
7
  [].forEach.call(document.querySelectorAll('.count'),x=>{
8
- x.addEventListener('click',e=>{
8
+ x.addEventListener('click',()=>{
9
- var t=e.target;
10
- var view=t.closest('tr').querySelector('.view');
9
+ var view=x.closest('tr').querySelector('.view');
11
10
  var total=document.querySelector('#total');
12
- view.textContent=parseInt(view.textContent)+t.classList.contains('up')-t.classList.contains('down')
11
+ view.textContent=parseInt(view.textContent)+x.classList.contains('up')-x.classList.contains('down')
13
12
  total.textContent=[].map.call(document.querySelectorAll('.view'),x=>parseInt(x.textContent)).reduce((x,y)=>x+y);
14
13
  });
15
14
  });