gpt4 book ai didi

javascript - 我的按钮影响两个具有不同 id 的跨度

转载 作者:行者123 更新时间:2023-11-30 11:18:44 25 4
gpt4 key购买 nike

<分区>

当我点击玩家 1 按钮时,两个玩家的分数都会改变。

我还尝试使用 querySelector("#p2Display") 选择 p2display并且它似乎将其称为 nodeList 而不是 element

var p1button = document.querySelector("#p1");
var p2button = document.getElementById("p2");
var p1Display = document.getElementById("p1Display");
var p2Display = document.getElementById("p2Display");
var p1Score = 0;
var p2Score = 0;

p1button.addEventListener("click", function() {
p1Score++;
p1Display.textContent = p1Score;

});

p1button.addEventListener("click", function() {
p2Score++;
p2Display.textContent = p2Score;
});
<h1>
<span id="p1Display">0</span> To
<span id="p2Display">0</span>
</h1>
<p>Playing to: 5</p>
<input type="number">
<button id="p1">Player One</button>
<button id="p2">Player Two</button>
<button id="reset">Reset </button>

我的 Codepen

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com