我需要一個按鈕，如果你點擊它 2 次，它可以改變背景顏色。我該怎么做？，我只知道如何通過 1 次點擊來完成。我的代碼實際上是這樣的：
<button onClick="document.body.style.backgroundColor ='#000';"> color </button>
uj5u.com熱心網友回復：
使用onDblClick來代替：
<button onDblClick="document.body.style.backgroundColor ='#000';"> color </button>
uj5u.com熱心網友回復：
您可以將點擊次數存盤在一個變數中，click并向按鈕添加一個事件偵聽器，該事件偵聽器會增加計數器并檢查它是否為2，如果是，則設定主體的背景顏色。
var clicks = 0;
btn.addEventListener('click', function(){
if( clicks == 2){
document.body.style.backgroundColor ='#000';
}
})<button id="btn"> color </button> uj5u.com熱心網友回復：
類似于@Spectric 的回應，將點擊次數存盤在一個變數中，并為按鈕添加一個點擊事件監聽器。
我不知道邏輯是什么。
您可以添加另一個按鈕，其想法與放置的按鈕相同，但相反：減去。
const btnEle = document.querySelector(".btn");
const resEle = document.querySelector(".result");
const legendEle = document.querySelector("#legend");
let clickCount = 0;
btnEle.addEventListener("click", () => {
clickCount ;
resEle.innerHTML = "The button has been clicked " clickCount " times ";
if (clickCount > 1) {
document.body.style.backgroundColor ='#000';
legendEle.style.color = '#1E5128';
}
});body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 18px;
font-weight: 500;
color: blueviolet;
}<div class="result"></div>
<br />
<button class="btn">CLICK HERE</button>
<h3 id="legend">Click on the above button to check if the button is clicked</h3>uj5u.com熱心網友回復：
in HTML
<input type="button" id="btn" onclick="eventB()">
in JS
function eventB() {
var click = 0;
btn.addEventListner('click', function() {
if( click == 2){
window.document.body.style.background = '##836fff';
}
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/339330.html
標籤：javascript html css 按钮 点击