編集フィールドの内容を確認してください

Question

私のウェブサイトにはinput type="text"があり、フィールドが空であることを確認できるコードを書こうとしています。

if (number>0)document.getElementById("score").innerHTML="+"; 
else if (number<0)document.getElementById("score").innerHTML="-"; 
else if (number==0)document.getElementById("score").innerHTML="0"; 
else document.getElementById("score").innerHTML="this is not a number"; 

フィールドがヌルの場合でも、「0」が入力されたことを示します。ここで

____edit

var number = document.getElementById("field").value; 

---

<input type="text" id="field"> 

Answer 1

は、入力フィールドが空の場合score divの中には何も示していない実用的なソリューションです。 （あなたがしたい場合は、メッセージを表示するように変更することができます。）

var score = document.getElementById('score'); 
 

 
document.getElementById('field').addEventListener('keyup', checkNum); 
 

 
function checkNum() { 
 
    var number = parseInt(document.getElementById('field').value); 
 
    if (number>0) score.innerHTML="+"; 
 
    else if (number<0) score.innerHTML="-"; 
 
    else if (number==0) score.innerHTML="0"; 
 
    else if (document.getElementById('field').value=="") score.innerHTML=""; 
 
    else score.innerHTML="this is not a number"; 
 
}

#score { 
 
    display: inline-block; 
 
    border: 2px solid red; 
 
    border-radius: 4px; 
 
    font-weight: 700; 
 
    padding: 4px; 
 
}

<input type="text" id="field"> 
 

 
<br><br> 
 

 
<div id="score"></div>