首页 > 解决方案 > 我有两个按钮脉冲和减号。当点击加号时,我希望积分增加,当点击减号时,有人可以请

问题描述

我有两个按钮脉冲和减号。当点击加号时,我希望积分增加,当点击减号时,我希望积分减少。出于某种原因,当我单击两个按钮时,点数会减少。有人可以帮我解决这个问题吗?

const incAndDecPoints = function () {
  const playerOnePoints = document.querySelector(".points-pl-one");
  let value = playerOnePoints.innerHTML;
  playerOnePluseBtn === "click" ? value++ : value--;
  document.querySelector(".points-pl-one").innerHTML = value;
};

playerOnePluseBtn.addEventListener("click", incAndDecrePoints);
playerOneMinusBtn.addEventListener("click", incAndDecrePoints);

标签: javascript

解决方案


您可以创建一个通用函数来添加或减去点,并在两次按钮单击时使用不同的参数调用它:

const addPoints = function(amount) {
  const playerOnePoints = document.querySelector(".points-pl-one");
  let value = +playerOnePoints.innerText;
  value += amount;
  document.querySelector(".points-pl-one").innerText = value;
};

playerOnePluseBtn.addEventListener("click", () => addPoints(1));
playerOneMinusBtn.addEventListener("click", () => addPoints(-1));

推荐阅读