为尚不存在的对象创建js函数

我正在创建“待办事项列表” javascript练习应用程序。

我有一个输入和一个“提交按钮”。提交按钮使用input.value中的文本。提交按钮的onclick会创建一个新的div，该div具有嵌套的h3和来自input.value的文本。提交按钮还会创建一个“ x按钮”和一个“完成按钮”

如何为“ x按钮”创建一个onclick函数，该函数在使用提交按钮之后才存在于DOM中？

我希望“ x按钮”删除使用提交按钮创建的整个div，包括上述x按钮本身，以及使用提交按钮创建的h3和complete按钮。