JavaScript按钮点击误触发其他元素功能的问题排查

异常触发的核心原因是全局作用域的同名函数覆盖
浏览器环境中，不在模块化、闭包隔离下声明的顶层函数，都会挂载到全局window对象上。如果不同功能段定义了完全同名的函数，后加载的函数会直接完全替换先定义的同名函数，不存在调用优先级的区分。

对应你遇到的交互错位：

• 两个功能单独运行时，各自页面仅存在一个myFunction定义，绑定的点击逻辑自然能正常运行
• 两个代码块合并到同一页面后，会先后两次定义myFunction：先加载的BMI计算版本，会被后加载的地址弹窗版本完全覆盖
• 两个按钮的onclick都绑定了myFunction，实际触发的永远是最后被替换的那个函数。如果代码加载顺序反过来——先加载地址弹窗的代码、后加载BMI计算的代码，那么不管你点哪个按钮，触发的都会是BMI计算逻辑，完全匹配你描述的“点Address按钮弹出BMI计算结果”的现象。

额外的代码结构缺陷
你当前提供的两段代码是各自独立的完整HTML文档（各自包含独立的html、body标签），直接把两段拼接在同一个页面中，本身就不符合HTML结构规范，浏览器解析时会自动对非法的嵌套结构做容错处理，进一步放大交互异常的概率。

• 给两个功能的函数设置唯一命名，从根源消除命名冲突：把BMI计算逻辑的函数改名为calculateBMI()，把地址弹窗逻辑的函数改名为showAddressPrompt()，同步修改两个按钮上的onclick绑定值
• 统一页面结构：把同一个页面的所有DOM元素放到同一个body标签下，不要嵌套多套独立的html、body结构，匹配浏览器的默认解析规则
• 逐步养成代码隔离的习惯：入门阶段可以用立即执行函数把独立功能的代码做作用域隔离，避免后续功能增多时反复出现全局命名冲突，隔离示例：

// 隔离BMI计算功能
(function(){
  function calculateBMI() {
    // 原有年龄读取、BMI判断的逻辑
  }
  // 仅把需要绑定按钮的函数暴露到全局供调用
  window.calculateBMI = calculateBMI;
})();

// 隔离地址弹窗功能
(function(){
  function showAddressPrompt() {
    // 原有地址输入提示的逻辑
  }
  window.showAddressPrompt = showAddressPrompt;
})();

内容的提问来源于stack exchange，提问作者auxerre