javascript - 我有两个按钮脉冲和减号。当点击加号时,我希望积分增加,当点击减号时,有人可以请
问题描述
我有两个按钮脉冲和减号。当点击加号时,我希望积分增加,当点击减号时,我希望积分减少。出于某种原因,当我单击两个按钮时,点数会减少。有人可以帮我解决这个问题吗?
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);
解决方案
您可以创建一个通用函数来添加或减去点,并在两次按钮单击时使用不同的参数调用它:
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));
推荐阅读
- apostrophe-cms - 如何从控制器渲染 nunjucks 模板
- c# - 为什么 IAsyncResult 返回此错误?System.PlatformNotSupportedException:“此平台不支持操作。”
- sql - SQL 返回错误结果
- rxjs - RxJS 为每个订阅者调用带有 shareReplay 的最终操作符
- google-cloud-messaging - 浏览器中的“代码:消息传递/不正确-GCM-sender-id”错误消息
- java - SpringBoot JPA @Autowired 找不到 bean 异常
- search - 使用 ClickHouse 的问题
- html - 固定位置在 iframe 元素中定义的 ios Safari 中不起作用
- java - 如何使用 AESWRAP 模式包装 RSA 密钥
- jboss - 如何在 JBOSS 6 中配置请求/套接字超时?