无法读取未定义的属性(读取"目标")

Question

我正试着为锻炼做一个"待办事项清单"。但有些地方不对劲。谁来帮帮我。

我想写一个函数来删除一个已经完成的列表但它不起作用，chrome给我一个消息:未捕获的TypeError:无法读取未定义的属性(读取'目标')我怎样才能使deleteTodos正常工作?

var hi = $("#hi");
var button = $("#button");
var input = $("#input");
var ol = $('#ol');
var CB = $('#CB');
var inputTag = '<input type="checkbox" id="CB">'
var DeleteBtn = '<button id="btn">x</button>'

function deleteTodos (event){
var removeing = event.target.parentElement;
removeing.remove();
}
$("#button").click(function enter (text) {
var All = '<li id="text">'+inputTag+input.val()+DeleteBtn+'</li>'
ol.append(All);
input.val("");
$('#btn').click(deleteTodos());
});

Answer 1

change

$('#btn').click(deleteTodos());

$('#btn').click(deleteTodos);