JavaScript

JavaScript 是一种编程语言，它能让一个真实的页面控件接收操作、执行逻辑，再把状态变化反映到界面上。

• 用户点击保存资料时，按钮事件先被浏览器交给 JavaScript。
• 监听函数调用 saveProfile()，读取表单数据并进入保存中状态。
• 处理完成后，表单、按钮和状态提示一起更新，用户能确认结果。

HTML 说明页面里有什么，CSS 说明它看起来怎样，JavaScript 负责让页面对操作和数据变化作出反应。

• 一个按钮可以先由 HTML 放进页面，再由 CSS 调整外观，最后由 JavaScript 接收点击并更新状态。
• Vue、React 等框架可以帮助组织 JavaScript 代码，但框架不等于这门语言本身。

判断一个问题是不是 JavaScript 的职责，可以看它是否需要处理事件、计算数据或切换页面状态。

拆开这个保存资料表单，可以看到 JavaScript 让页面动起来时最重要的三个真实区域。

• FORM 是用户正在填写并操作的资料表单，按钮是事件入口。
• HANDLER 是监听器和 saveProfile()，它把点击转换成处理逻辑。
• STATE 是等待、保存中和已保存等页面状态，用户通过它确认结果。

请让保存按钮接收真实点击：先显示处理中并防止重复提交，处理完成后把页面状态更新为已保存；如果请求失败，就在按钮附近说明原因；请保留键盘操作、可读的状态提示，以及 390px 和 320px 下不横向滚动。