HTML/CSS/JS新手求助：点击按钮返回对应响应的代码无法运行问题咨询

原代码错误点 #

JavaScript 部分 #

• 函数定义语法错误：function buttonPress(); 后不应该写分号，且函数没有定义参数接收点击的按钮标识，无法区分点击的是哪个按钮
• 逻辑判断语法完全错误：if/else结构混乱、括号不配对，判断条件错误将函数名buttonPress作为判断对象，实际应该判断传入的按钮参数
• 代码块嵌套逻辑错误，多余的return语句不符合当前功能需求

HTML 部分 #

• 按钮点击触发函数时没有传入对应按钮的标识，函数无法区分触发源
• <p id="demo" 标签缺少闭合的>，语法错误

修正后可运行代码 #

JavaScript 代码 #

function buttonPress(btnId) {
  if (btnId === "button1") {
    document.getElementById("demo").innerHTML = "You pressed button one";
  } else if (btnId === "button2") {
    document.getElementById("demo").innerHTML = "You pressed button two";
  }
}

HTML 代码 #

<button class="button button1" id="button1" onclick="buttonPress('button1');">clickhere</button>
<button class="button button2" id="button2" onclick="buttonPress('button2');">clickhere</button>
<center>
  <p id="demo"></p>
</center>

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