CODEWITHSUNDEEP
javascriptconditional-statementsshow-hide
Imran Abdalla
Imran Abdalla

Reputation: 115

Javascript conditional hiding and showing

Hello guys I'm confused with javascript code, I want a program that gets the input from the user, and if that input matches a specific value like 1234 I want it to hide part of the form. E.g.

var x=document.getElementById('pin').value;

    function hidden() {
      if (x.value=1234){
    	  document.getElementById('pin').style.display="none";
      }
    }
<input type="number" name="pin" placeholder="Please Enter Your Pin" id="pin">
<button onclick="hidden()">Enter</button>

Upvotes: 0

Views: 1274

Answers (2)

Tom G
Tom G

Reputation: 3650

var x=document.getElementById('pin');

function checkPin() {
  if (x.value == "1234"){
      x.style.display="none";
  }
}
<input type="number" name="pin" placeholder="Please Enter Your Pin" id="pin" />
<button onclick="checkPin()">Enter</button>

Upvotes: 1

bc1105
bc1105

Reputation: 1270

The value is not a native number, but a string, and you're assigning in the conditional check. Instead of '=' use '==' or '==='.

Try this:

function hidden() {
  var x = document.getElementById('pin').value;
  if (x === '1234'){
    document.getElementById('pin').style.display = 'none';
  }
}

Upvotes: 0

Related Questions