Javascript if-else 解释

Question

这个小程序应该让浏览器猜测用户输入的内容。这是“多少根手指”。所以我希望它强制用户使用 5 或更少的数字。

如果输入大于程序可用的选项范围，程序将出错并破坏浏览器。我尝试以各种方式重新排列脚本的嵌套，以了解 JS 如何“思考”。不幸的是，我仍然不了解 Javascript 是如何解释代码流的。

我在工作中使用 SQL，并且熟悉 PEMDAS 在数学方面的逻辑。我认为这是一种类似的情况，我遗漏了一些关于语法的逻辑含义的东西。在我看来，这是一个非常简单的程序。

我不明白为什么当我的输入满足执行 IF 子句的条件时程序不执行警报。它适用于 Else 子句。

document.getElementById("guess").onclick = function() {

  var a = document.getElementById("myNumber").value;
  var b = 6;
  var x = Math.random();
  x = x * b;
  x = Math.floor(x);

  if (a > b) {

    alert("you don't have that many fingers");

  } else {

    var gotit = false;
    var guesses = 1;

    while (gotit == false) {

      if (a == x) {
        gotit = true;
        alert("Success! the answer is" + x + " or " + a + " it took me " + guesses + " guesses!");
      } else {
        guesses++;
        var x = Math.random();
        x = x * b;
        x = Math.floor(x);
      }
    }

  }

}

<p>How many fingers are you holding up?</p>
<input id="myNumber" />
<button id="guess">Guess!</button>

非常感谢所有帮助。

Answer 1

您需要将测试更改为if (a >= b)。代码猜测从0 到5 的数字，因此如果用户输入6，它将永远不会匹配。但是a > b只有在输入7或更高时才能成功——6不大于b。

document.getElementById("guess").onclick = function() {

  var a = document.getElementById("myNumber").value;
  var b = 6;
  var x = Math.random();
  x = x * b;
  x = Math.floor(x);

  if (a >= b) {

    alert("you don't have that many fingers");

  } else {

    var gotit = false;
    var guesses = 1;

    while (gotit == false) {

      if (a == x) {
        gotit = true;
        alert("Success! the answer is " + x + " or " + a + " it took me " + guesses + " guesses!");
      } else {
        guesses++;
        var x = Math.random();
        x = x * b;
        x = Math.floor(x);
      }
    }

  }

}

<p>How many fingers are you holding up?</p>
<input id="myNumber" />
<button id="guess">Guess!</button>

Answer 2

首先，您正在重复随机生成，因此我将其分解为一个函数。其次，您的逻辑是错误的（猜测有可能是 0 根手指，也有很小的可能性是 6 根手指）。

Math.random 实际上所做的是返回一个介于0 和1 之间的值，所以我想你可以看到(0 to 1)*6 = possibly 0 or 6 那里的逻辑错误。

所以如果你从一个计算函数开始

  function getRandomFinger(amountOfFingers) {
    var x = Math.random();
    x = (x * (amountOfFingers-1))+1; // ((0 to 1)*4)+1 because always at least one finger but possibly 4 more
    return Math.round(x);
  }

您可以在需要时调用它。然后实际上定义手指的数量更有意义，对吧？不仅仅是一些看似随机的数字。

  var b = 5; // 5 fingers on the hand

添加这些更改，您的代码应该可以工作。