要解决“按钮被搞乱了”的问题，可以尝试以下代码示例：

HTML代码：

按钮1
按钮2
按钮3

JavaScript代码：

// 获取按钮元素
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var btn3 = document.getElementById("btn3");

// 按钮点击事件处理程序
function btnClick(event) {
  var btn = event.target;
  if (btn === btn1) {
    console.log("点击了按钮1");
    // 执行按钮1的逻辑
  } else if (btn === btn2) {
    console.log("点击了按钮2");
    // 执行按钮2的逻辑
  } else if (btn === btn3) {
    console.log("点击了按钮3");
    // 执行按钮3的逻辑
  }
}

// 给按钮添加点击事件监听器
btn1.addEventListener("click", btnClick);
btn2.addEventListener("click", btnClick);
btn3.addEventListener("click", btnClick);

上述示例中，通过给每个按钮添加不同的id，并在JavaScript代码中获取按钮元素，从而保证每个按钮的点击事件处理程序都能正确执行。在点击事件处理程序中，使用条件语句根据点击的按钮进行相应的逻辑处理。这样就可以避免按钮被搞乱的问题。