javascript - 使用 insertadjacentHTML 将项目保存到 dom

Question

我目前正在制作一个小型待办事项列表应用程序。我正在使用 insertadjacentHTML 添加新的待办事项（如下所示），但刷新后它们消失了。将这些项目永久保存到 DOM 的最佳方法是什么。我打算使用 MongoDB 来提供待办事项数据，我可以使用 mongo 保存/删除它们的 DOM 吗？

 var html = '<div class="added-item">%description%</div>';
    var newHTML = html.replace ("%description%", inputValue.value);
    inputField.insertAdjacentHTML('afterend', newHTML);