本文介绍如何通过html表单收集本金、年利率等参数，再用javascript实现逐年计算复利，并在每一年结束后暂停循环、弹出交互提示，由用户决定是否继续投资——真正实现“人机协同”的金融模拟逻辑。

在实际金融计算器开发中，硬编码参数（如 principal = 100000）无法满足用户个性化需求，而单纯使用 for 循环一次性执行10年计算也无法支持“中途退出”这一关键业务逻辑。解决方案是：将循环控制权交还给用户——通过 HTML 表单获取初始参数，再借助 JavaScript 的 prompt()（或更优的 DOM 事件监听）在每年末发起交互式询问。

以下是完整可运行的教程示例（含 HTML + JavaScript）：

  
  
  



  
? 复利投资决策计算器

  
    初始投资金额（元）：
    
  

  
    年化利率（%）：
    
  

  
    最大投资年限：
    
  

  开始计算并交互决策

  

  

? 关键要点说明：

• 避免 prompt() 在现代网页中的滥用：虽然原答案使用 prompt() 可快速验证逻辑，但实际项目中应优先采用 confirm() 或自定义模态框（提升体验与兼容性）；本例已升级为 confirm() + 清晰文案。
• 输入安全不可忽视：务必对 document.getElementById(...).value 做 parseFloat/parseInt 转换，并添加 isNaN() 校验，防止 NaN 传播导致计算中断。
• 循环控制逻辑重构：不再依赖外部布尔变量 userInput 触发 break，而是将 invested 作为 for 循环条件的一部分（year
• 用户体验优化：结果实时追加到 ，保留历史记录；CSS 简洁排版，适配移动端查看。

  ? 进阶建议：若需更高交互性（如取消按钮、进度条、图表展示），可集成 Chart.js 渲染收益曲线，或用 async/await + showModal() 实现无阻塞的现代化对话框——但核心思想不变：把循环的“步进权”交给用户，而非代码预设。