使用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);