Javascript 我创建了标签，但它没有显示在网页上

当我按下'addtodo'时应该是这样的，如果它是空的，它应该在输入'enteryourtodo'后创建一个p标记，现在虽然js正在创建元素，但它没有显示在网页上

HTML:

<h1 class="head">MY LIST</h1>
<input type="text" id='input'>
<button id='add' type="buttton">ADD TODO</button><br>

---

您需要确保为按钮设置单击事件。现在，按钮只是调用默认操作，而不是函数。要做到这一点，按钮的标签需要

<button id='add' type="button" onclick="addItem()">ADD TODO</button><br>

<button id='add' type="button" onclick="addItem()">ADD TODO</button><br>

document.querySelector('input').after(par);