根本原因是浏览器对的默认提交行为未被阻止，必须在元素的submit事件处理函数中同步调用event.preventDefault()，否则页面必然跳转或刷新，后续所有JS逻辑均无法执行。

表单提交后页面跳转或刷新，根本原因是没拦住默认行为

浏览器对 <form></form> 的默认处理就是提交并跳转（GET）或刷新（POST），本地双击打开的 HTML 文件根本没有后端接收，所以必然失败或白屏。这不是样式问题，是执行流没被干预。

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

必须在 JS 中调用 event.preventDefault() 阻止它，否则所有后续逻辑（存 localStorage、渲染列表）都执行不到。

• 确保给 <form id="messageForm"></form> 绑定 submit 事件，不是 button 的 click
• JS 要等 DOM 加载完再执行——放