JavaScript+HTML+css制作的简单成绩管理系统 点赞加关注，案例持续更新~

实现效果： 

实现思路： 

实现了一个成绩管理系统的基本功能，包括添加、删除成绩、计算总分平均分并渲染到页面中。具体实现思路如下：

1. 定义一个数组list来存储成绩数据，数组中的每一个元素是一个对象，包含三个属性：姓名(uname)、科目(subject)、成绩(score)。
2. 定义一个render()函数，用来根据list数组的数据动态生成表格内容，并计算总分平均分并渲染到页面中。
3. 定义一个set()函数，用来添加数据。在函数中，首先获取表单中输入的数据，然后判断输入是否为空以及分数是否为数字，如果不满足条件则弹出提示并停止运行；否则将数据添加到list中，然后重新渲染表格，并清空表单中的内容。
4. 为添加按钮和删除按钮添加事件监听器，当按下添加按钮时调用set()函数添加数据，当按下删除按钮时从list数组中删除对应的数据，并重新渲染表格。
5. 为表单添加键盘事件监听器，当按下Enter键时调用set()函数添加数据。

最终实现了一个简单的成绩管理系统，用户可以通过表单添加成绩数据，并在表格中显示出来，同时也可以删除某个成绩数据。

附上源代码，代码里也有详细的注释 

  
  
  
  
  



  

    

      

        

          

            
姓名
            
科目
            
成绩
            
操作
          
        
        

          
        

        

          

            

              总分：246
              平均分：79
            
          
        
      
    
    

      

        
姓名：
        

          
        
      
      

        
科目：
        

          
        
      
      

        
分数：
        

          
        
      
      

        

        

          添加