Question

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

我已经看过这个并且看起来很健康，我从未做过的唯一事情是在循环结束时将一个项目等于另一个项目。

首次在is it !== or !=?中使用not语句（HTML/JavaScript）。

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

您没有标识为cg的html元素，因此此行未通过document.getElementById("cg").value。但是，您有fingers作为html文本框。

还是第一次使用not语句（是！==或！=？） 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>

Answer 2

<div id="container">
    <div class="row">
    <div class="col-sm-6 col-xs-12 image">Image</div>
    <div class="col-sm-6 col-xs-12 title">Title</div>
    <div class="col-sm-6 col-xs-12 description"> Description </div>    
    <div class="col-sm-6 col-xs-12 button">Button</div>
</div>

Answer 3

检查您的ID！你的JS正试图找到一个标识为＆＃39; cg＆＃39;的元素，但我看到的唯一ID是＆＃39; button＆＃39;和＆＃39;手指＆＃39;。

正确使用比较运算符

3 个答案: