具有最大值的JS按鈕

我想創建兩個按鈕，增加值並停止在最大值，將按鈕的顏色改爲紅色，以指示按鈕不能再點擊並達到最大值，然後重置按鈕以便休息它全部返回到0. 我有部分代碼，但嘗試將最大值添加到按鈕和重置按鈕，但它不工作。到目前爲止，這是我所擁有的基本上每次點擊增加1的值。任何人都可以幫忙嗎？具有最大值的JS按鈕

var button1 = 0; 
 
var button1 = 0; 
 

 
function onClick1() { 
 
    button1 += 1; 
 
    document.getElementById("button1").innerHTML = button1; 
 
}; 
 

 
function onClick2() { 
 
    button2 += 1; 
 
    document.getElementById("button2").innerHTML = button2; 
 
};

<button type="button" onClick="onClick1()">Click</button> 
 
<p><a id="button1">0</a> 
 
</p> 
 
<button type="button" onClick="onClick2()">Click</button> 
 
<p><a id="button2">0</a> 
 
</p>

來源

2015-10-16 charlie97

你嘗試過什麼說的「不工作」？我們可能能夠幫助修復該代碼。 –

在JS的最大數量爲Number.MAX_VALUE 所以

var button = document.getElementById("button1"); 
var i; 
var max = Number.MAX_VALUE; 
//The loop 
for(i = 0; i < max; i++) { 
button.textContent = i; 
} 
button.style.backgroundColor = "red";

來源

2015-10-16 20:56:02 babaelmo

是啊..我幾乎可以保證OP不是在談論JS最大值。更多的「最大值」 –

所以，只需將max改爲所需的值 – babaelmo

設置最大VAR和一個邏輯檢查。

var button1 = 0; 
var button1 = 0; 

var max1 = 25; 
var max2 = 25; 

function onClick1() { 
    if (button1 < max1){ 
     button1 += 1; 
     document.getElementById("button1").innerHTML = button1;  
    } 
}; 
    function onClick2() { 
    if (button2 < max2){ 
     button2 += 1; 
     document.getElementById("button2").innerHTML = button2; 
    } 
};

來源

2015-10-16 20:50:11

謝謝，我將如何重新設置所有的按鈕？ – charlie97

普羅蒂普：使用textContent沒有innerHTML因爲你沒有改變HTML內容。

只需將if語句添加到您的函數。

var buttonElement = document.getElementById("button1"); 
if (++button > maxValue) { 
    buttonElement.style.backgroundColor = "red"; //grab button via variable, change color 
} else { 
    button1++; 
    buttonElement.textContent = button1; 
}

更進一步，如果你真的想告訴他們「停止點擊我！」當您將顏色更改爲紅色時，只需禁用該按鈕即可。

來源

2015-10-16 20:50:31

具有最大值的JS按鈕

回答

相關問題