2014-11-16 20 views
-1

我得到了在先前被問到的問題這樣的代碼:的JavaScript數問題

var num = 0 
 

 
function addNumber() { 
 

 
    num = num += 1 
 

 
    document.getElementById('output').innerHTML = num; 
 

 

 
} 
 

 
function subtractFive() { 
 

 

 
    num = num -= 5 
 

 
    document.getElementById('output').innerHTML = num; 
 

 
}
<img src="http://placekitten.com/g/300/200" onclick="addNumber()" /> 
 

 
<button onclick="subtractFive()">Subract 5 from the number.</button> 
 

 
<p id="output"></p>

,我想知道如果我能風格化的數量。我也想知道是否有可能防止數字在4或更低時進入負數。

+0

是的,你可以做這兩件事。將CSS應用於其innerHTML將接收該數字的元素。在你的函數中,檢查要減去的數字是否大於被減數。當你編碼時,如果你有問題,問我們。 –

+1

注意你可以使用'num + = 1'(或'++ num')來代替'num = num + = 1'。而'num - = 5'而不是'num = num - = 5'。 – Oriol

+0

要測試這個數字是低/高還是等於你想要使用[if-statement](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if .. .else)例如'if(num <0)num = 0'代表「如果num小於零,那麼將num設置爲零」 – some

回答

0

防止負數使用本

function subtractFive() { 

if (num > 4) { 
num = num -= 5 

document.getElementById('output').innerHTML = num; } 

} 

風格化,例如數字讓他們紅利用這個

<p style="color:red" id="output"></p> 

更多的文本樣式參數參觀 Css text

+0

謝謝!這真的有幫助。 –