回答編集履歴
1
ちょうせい
    
        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', | 
| 8 | 
            +
                x.addEventListener('click',()=>{
         | 
| 9 | 
            -
                  var t=e.target;
         | 
| 10 | 
            -
                  var view= | 
| 9 | 
            +
                  var view=x.closest('tr').querySelector('.view');
         | 
| 11 10 | 
             
                  var total=document.querySelector('#total');
         | 
| 12 | 
            -
                  view.textContent=parseInt(view.textContent)+ | 
| 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 | 
             
              });
         | 
