怎么将这两者建立联系

    <script type="text/javascript">
        var i=0;
        var btnAdd = document.querySelector("#Add");
        btnAdd.onclick=function(){
            var c=temp.innerHTML.replace("CCCC",addName.value).replace("DDDD",addPrice.value).replace("AAAA",i);
            i++;
            foo.innerHTML+=c;
        }
        var btnDel=document.querySelector("#Del");
        btnDel.onclick=function(btnDel){
            btnDel.remove();
        }
    </script>

我在上面建立一个模板想将上面模板的删除按钮可以经行删除操作，怎么建立联系，求方法

，