Javascript 这段代码的目的是在页面的末尾添加一篇文章，但问题是它出现后就会消失

这段代码的目的是在页面末尾添加一篇文章，但问题是它出现后就会消失。请帮我弄清楚：）

const-button=document.getElementById（“buttad”）；
函数addNewArticle（）{
const fragment=document.createDocumentFragment（）；
const header=document.createElement（“p”）；
header.textContent=“Ferhane riyadh”；
const text=document.createElement（“p”）；
text.textContent=“Ferhane riyadh”；
appendChild（头部）；
片段.appendChild（文本）；
document.body.appendChild（片段）；
}
按钮。addEventListener（“单击”，addNewArticle）

添加文章
添加
这是因为您使用的表单没有阻止表单的提交。这里不需要表单，默认情况下，表单将提交到它所在的页面，从而导致重新加载窗口

这里讨论了这一点：