日陰:
私は数に1を加算し、同じ番号から1を減算することを「下げる」2つのボタンが含まれている簡単なプログラム「高い」を作成しました。数が負の場合には、赤にその色を変更しなければならないし、それが正の場合には、緑にならなければならないが、それは動作しません。ここではjavascriptのです
let num = 0;
function higher() {
num ++;
document.getElementById("number").innerHTML = num;
}
function lower() {
num --;
document.getElementById("number").innerHTML = num;
}
// (conditionals statements below do not work for an unknown reason)
if (num < 0) {
document.getElementById("number").style.color = "red";
} else if (num > 0) {
document.getElementById("number").style.color = "green";
}
ここではHTML本文です
<body>
<div class="counter">
<div id="number">0</div>
<button onmousedown="higher()" class="btn_high">Higher</button>
<button onclick="lower()" class="btn_low">Lower</button>
</div>
</body>
ここでは、プログラムがどのように見えるべきかの例ですhttps://romeojeremiah.github.io/Counter-Project/は、
ニュクス:
あなたは、関数内で条件文を配置する必要がありますし、このように各ボタンのクリックでその関数を呼び出します
let num = 0;
function higher() {
num ++;
document.getElementById("number").innerHTML = num;
colorChange();
}
function lower() {
num --;
document.getElementById("number").innerHTML = num;
colorChange();
}
function colorChange(){
if (num < 0) {
document.getElementById("number").style.color = "red";
} else if (num > 0) {
document.getElementById("number").style.color = "green";
}
}