Javascript 为什么我的段落文本内容在瞬间闪烁其值后消失？

我不熟悉JavaScript和HTML，并尝试自己从头开始学习

在我下面的代码中，“Hi！”一词在“ClickMe！”按钮的正下方闪烁一秒钟，然后完全消失。为什么这种情况不断发生

注意：我读了一些关于提交vs按钮类型和表单刷新的帖子。我甚至没有在这里使用表单标记，我也在HTML文件中明确提到了type=“button”

document.querySelector（“text”）.textContent=document.querySelector（“B1”）.addEventListener（“单击”，显示日期）；
功能显示日期（事件）{
let week=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”]；
月份=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
让日期=新日期（）；
let day=周[date.getDay（）]；
设月=月[date.getMonth（）]；
让year=date.getFullYear（）；
设dayOfMonth=date.getDate（）；
返回（`今天是${day}，${dayOfMonth}${month}，${year}`）；
}

点击我！
你好

无法获取将在addEventListener中调用的方法的结果，因为它是回调函数，回调函数不返回任何内容

与基于回调的API的主要区别在于它不返回 值，它只执行带有结果的回调。[……]

要解决此问题，您可以在安装前移除零件=

并在showDate（）函数中执行textContent赋值，然后删除返回值

document.querySelector（#B1”）.addEventListener（“单击”，显示日期）；
功能显示日期（事件）{
let week=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”]；
月份=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
让日期=新日期（）；
let day=周[date.getDay（）]；
设月=月[date.getMonth（）]；
让year=date.getFullYear（）；
设dayOfMonth=date.getDate（）；
document.querySelector（'#text'）.textContent=`今天是${day}，${dayOfMonth}${month}，${year}.`；
}

点击我！
你好

看看事件侦听器是如何工作的：谢谢！它完全按照你说的那样工作。我从来不知道在B1的addEventListener函数中使用showDate函数的返回值时无法访问。

document.querySelector("#B1").addEventListener("click", showDate);