js 实现 to do list

// js 实现 to do list
html结构如下：

 添加

js 代码如下

 var arr=[];
    var val=document.getElementsByTagName('input')[0];
    var btn=document.getElementById('btn');  //添加 按钮
    var content=document.getElementById('content');  //存放列表
    btn.onclick=function () {  //添加事件
        arr.push(val.value);
        var str=''
        for(let i=0;i${arr[i]}   删除
`;   //模板字符串
        }
        val.value='';
        content.innerHTML=str;
        //删除，需要写在这，因为放在外层获取不到删除按钮
        var del=document.getElementsByClassName('del');
        for(var i=0;i