准确描述按钮点击后的结果是生成可执行前端代码的关键，需用主谓宾结构写清动作主体、行为和结果，补全后续链路，区分同步与异步反馈，并绑定具体DOM节点与交互细节。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在码上飞AI中准确描述按钮点击后的结果，是让AI生成可执行前端代码的关键前提，描述模糊会导致生成的事件逻辑缺失、状态更新错误或页面无响应。
明确写出“点击后发生了什么”
第一步：在需求描述中，用主谓宾结构直接写清动作主体、行为和结果。例如：“用户点击【提交】按钮→表单数据发送至后台→页面显示‘提交成功’绿色提示条”。
第二步：禁止只写“点击按钮”，必须补全后续链路。若漏掉“页面跳转”“弹窗关闭”“按钮变灰”等任一环节，生成的代码大概率不触发对应行为。
这一步操作起来很简单，直接把结果动词（如“跳转到订单页”“隐藏搜索框”“加载loading图标”）接在“点击后”后面即可。
区分同步反馈与异步反馈
方法一：同步反馈（立即可见变化）——直接描述界面元素状态变更。例如：“点击【展开】按钮→箭头图标旋转180度→下方内容区域高度从0px平滑展开至auto”。
方法二：异步反馈（依赖接口或延时）——必须注明等待条件和失败兜底。例如：“点击【刷新】按钮→发起GET /api/status请求→接口返回code=200时更新右侧状态卡片；返回非200时显示红色报错Toast并保持按钮可点击”。
【不写“等待接口返回”或“根据响应结果判断”会导致AI默认忽略错误分支，生成的代码没有容错】
绑定具体DOM节点与交互细节
在描述中嵌入目标元素的可识别特征，比如文字、图标、位置关系或data属性。例如：“点击右上角带×图标的【关闭】按钮（class="modal-close"）→移除父级div的show类→触发动画淡出→动画结束后从DOM中删除该节点”。
不要说“点击关闭按钮”，要说“点击弹窗右上角的×按钮”。AI无法凭空推断“关闭按钮”在哪、长什么样、属于哪个模块。
这一步容易踩坑：如果多个按钮文字相同（如页面有3个“删除”按钮），必须通过上下文定位，例如“点击商品列表中ID为item-789右侧的【删除】按钮”。
