关于创建动态表格前端

题目创建动态表格

要求点击创建表格根据数据生成一个表格，点击添加一条数据，在末尾追加一行数据信息。最好可以让用户去输入。操作栏是删除操作。点击删除该行数据。
初始代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <input type="button" value="创建表格" id="btn">
    <input type="button" value="增加一条数据" id="add">
    <div  id="dv"></div>

<script>
        var thead = ['班级','姓名','学号','学科','成绩','操作'];
        var date = [
            {className:'1班',name:'张三',id:001,subject:'语文',score:90},
            {className:'1班',name:'李四',id:002,subject:'数学',score:80},
            {className:'1班',name:'王五',id:003,subject:'政治',score:87},
            {className:'1班',name:'赵六',id:004,subject:'自然',score:70},
            {className:'1班',name:'魏琪',id:005,subject:'音乐',score:59}
        ]


    </script>
</body>
</html>

添加就是给 date push一条数据。获取 input的值就行。删除就是过滤数据。点击删除传一个 id然后用filter过滤