Javascript 条件隐藏和显示

Question

大家好，我对 javascript 代码感到困惑，我想要一个从用户那里获取输入的程序，如果该输入与特定值（如 1234）匹配，我希望它隐藏部分表单.例如

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>

Answer 1

该值不是本机数字，而是一个字符串，您正在条件检查中分配。使用“==”或“===”代替“=”。

试试这个：

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

Answer 2

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>

Javascript 条件隐藏和显示

Javascript conditional hiding and showing

javascript

conditional

show-hide