如何根据外部条件(如购买数量)切换两个不同的按钮(功能/文本)

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>
<input type="number" id="quantity" placeholder="购买数量">

// 获取按钮和购买数量输入框的引用
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");
var quantityInput = document.getElementById("quantity");

// 监听购买数量输入框的change事件
quantityInput.addEventListener("change", function() {
  var quantity = parseInt(quantityInput.value); // 获取购买数量

  // 根据购买数量切换按钮
  if (quantity < 10) {
    button1.style.display = "block";
    button2.style.display = "none";
  } else {
    button1.style.display = "none";
    button2.style.display = "block";
  }
});

// 按钮1的点击事件处理函数
button1.addEventListener("click", function() {
  // 执行按钮1的功能
  console.log("按钮1被点击了");
});

// 按钮2的点击事件处理函数
button2.addEventListener("click", function() {
  // 执行按钮2的功能
  console.log("按钮2被点击了");
});