模块管理

src/html/moduleManager.html

@@ -20,6 +20,7 @@
 
             </tbody>
         </table>
+        <div class="saveModule">保存</div>
     </div>
 </body>
 

src/js/moduleManager.js

@@ -58,36 +58,51 @@ const data = [
 ]
 
 function renderTab(){
-    let  str = ``, sum = 0
+    let  str = ``
     for(let i = 0; i < data.length; i++){
     
         str += `
         <tr>
             <td>${data[i].name}</td>
-            <td> <input  data-index=${i} value=${data[i].score} /></td>
+            <td> <input type="number"  data-index=${i} value=${data[i].score} /></td>
         </tr>
         `
-        if(data[i].score){
-            sum += Number(data[i].score)
-        }
     }
     str += `
     <tr>
         <td>总分</td>
-        <td>${sum}</td>
+        <td class="totalSum"></td>
     </tr>
     `
     $('table tbody').html(str)
     bindInput()
+    getTotalSum()
 }
 renderTab()
+function getTotalSum(){
+    let sum = 0
+    for(let i = 0; i < data.length; i++){
+        if(data[i].score){
+            sum += Number(data[i].score)
+        }
+    }
+    $('.totalSum').html(sum)
+}
 
 function bindInput(){
     $('input').on('input', function(e){
         const val = $(this).val()
         const index = $(this).attr('data-index')
+        $(this).attr('value', val)
         data[index].score = val 
-        renderTab()
+        getTotalSum()
     })
 }
 
+$('.saveModule').on("click", function(){
+    const sum =  $('.totalSum').html()
+    if(sum != 100){
+        alert('满分不是100')
+    }
+})
+