javascript - 正确使用比较运算符

Question

我是 HTML 的新手，之前使用过 Eclipse for Java。下面我试图让用户输入一个数字(0-5)并让计算机尝试猜测它。

我已经看过了，它看起来很合理，我唯一没有做过的事情是在循环结束时将一个项目与另一个项目放在一起。

也是第一次在 HTML/JavaScript 中使用 not 语句(是 !== 还是 !=?)。

HTML

<p>How many fingers am I holding up?</p>
<input id="fingers"></input>
<div>
    <button id="button">Input fingers</button>
</div>

JavaScript

var i = 0;
var cg = 0;

document.getElementById("button").onclick = function() {
    while (i !== fingers) {
        cg = Math.random();
        cg = cg * 6;
        cg = Math.floor(cg);

        if (document.getElementById("cg").value !== fingers) {
            alert("Wrong we found " + cg);
            i = cg;
        } else {
            alert("The number of fingers is " + cg);
            i = cg;
        }
    }
}

我正在独立学习这个以备将来使用，希望对您有所帮助!谢谢。

Answer 1

您没有 id 为 cg 的 html 元素，因此此行失败 document.getElementById("cg").value。但是，您有 fingers 作为 html 文本框。

Also first time using not statements (is it !== or !=?) in HTML/JavaScript.

在js中，两者都有效，只是功能不同，!=有转换的开销。例如

5 != '4' // true
5 != '5' // false

5 !== '4' // true
5 !== '5' // true

5 !== 5 // false
5 !== 4 // true

我试图纠正你的代码，结果是这样的，希望对你有帮助:

<script type="text/javascript">

var cg;
var fingers = document.getElementById("fingers");

document.getElementById("button").onclick=function() {
  cg = Math.floor(Math.random()  * 6);
  if (fingers.value != cg) {
    alert ("Wrong, it was: " + cg);
  }
  else {
    alert ("Right !!");
  }
};
</script>