为什么附加到元素时我的增量为 0

Question

所以我遇到了这个问题，每当我单击触发增量的特定按钮时，我的 var i = 0 就会增加。 我在控制台上对其进行了测试，增量正在工作，只要按下按钮，它就会增加一。 但是，当我在其中添加段落和“i”时，问题出现在 HTML 中的 div 中，它仅显示“0”，并且在单击按钮时不会更改 1、2、3 等值。 我希望它计算完成了多少任务。 我试图谷歌它，但找不到答案。

只是说我仍然是 JS 和 JQuery 的初学者。 所以不要对我太苛刻。 :D

var i = 0

$(".taskdone").append(`<p>${i}</p>`)

function createElement(e) {

$(".ul").append(`<div>
<li class="list"> ${e} </li>
<button onclick=" changeText(), deleteItem(this) " class="task-done"></button>
<hr>
</div>`)

function deleteItem(event) {
event.parentElement.remove();

$(".container").animate({
    height: "-=95px"
}, 800);

i++;

};


};

Answer 1

关键是i确实increment ，但i的increment不会导致$(".taskdone")更新。

如果您在每次单击按钮后console.log i ，您会看到它正在更新。

一旦incremention发生如下，您可以手动更新.taskdone的p ：

$(".taskdone p").text(i)