Javascript条件隐藏和显示答案

【问题标题】：Javascript conditional hiding and showingJavascript条件隐藏和显示
【发布时间】：2018-06-19 17:50:10
【问题描述】：

大家好，我对 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>

【问题讨论】：

假设这是有代表性的。在函数内移动 x 赋值。目前它是在页面加载时设置的，并且始终为空。你也不需要在 x 上调用 value，它已经是 value。
= 是分配
@Eng 你能提供更多细节吗？你的 javascript sn-p 执行了吗？您可能希望首先将其包装在脚本标签中。另外，您想准确隐藏表单的哪一部分？

标签： javascript conditional show-hide

【解决方案1】：

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>

【讨论】：

谢谢兄弟！你
@EngImranAdbullah 如果需要，您可以再次运行 sn-p（“运行代码 sn-p”），如果这解决了您的问题，您应该 accept it as correct

【解决方案2】：

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

试试这个：

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

【讨论】：