CODEWITHSUNDEEP
javascripthtml
forschool
forschool

Reputation: 65

Check the contents of the edit field

I have on my website input type="text" and i trying to write code, that can check when field is empty.

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";

And when the field is null, it still shows that "0" is entered.

____edit

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

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

Upvotes: 0

Views: 29

Answers (1)

freginold
freginold

Reputation: 3956

Here is a working solution that shows nothing in the score div when then input field is empty. (You can change it to show a message if you want.)

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>

Upvotes: 3

Related Questions