Question

昨天我想在html文档中试用javascripting并试图创建一个简单的轮盘赌＃34;游戏＆＃34;。

我可以理解代码生成一个数字并显示它。但我有使用if语句检查生成的数字和输入字段中的值的难度。如果我选择1并且它滚动1我得到＆＃34;你输了！＆＃34;

到目前为止，这是我的代码：

＆＃13;

display: flex;
align-items: stretch;
flex-wrap: wrap

＆＃13;

Answer 1

Javascript区分大小写，因此请检查userBet，该值设置为0且永不更改。

在你设置getNr的{{1}}功能中 - 将其更改为userbet，它会起作用：

userBet

如果您想让功能更好一点，您可以执行以下操作：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Web Roulette</title>
</head>

<body>
  <p id="number" value="">&nbsp;</p>
  <form id="form3" name="form3" method="post" action="">
    <label>
      <input type="radio" name="rollSelection" value="0" id="rollSelection_0" />0
    </label>
    <br />
    <label>
      <input type="radio" name="rollSelection" value="1" id="rollSelection_1" />1
    </label>
    <br />
  </form>
  <form name="form2" method="post" action="" onsubmit="genNr(); return false">
    <label>Bet:
      <input name="betInput" type="text" id="betInput" size="5" />
    </label>
    <input type="submit" name="placeBet" id="placeBet" value="Roll" onclick="genNr();" />
    <p id="roll">???</p>
    <!--<p id="money">Money:</p>//-->
  </form>

  <script type="text/javascript">
    var userBet = 0;

    function genNr() {
      if (document.getElementById('rollSelection_0').checked) {
        userBet = 0;
      } else if (document.getElementById('rollSelection_1').checked) {
        userBet = 1;
      }
      document.getElementById('number').innerHTML = Math.floor(Math.random() * 2) + 0;

      if (parseInt(document.getElementById('number').innerHTML) == userBet) {
        document.getElementById('roll').innerHTML = "You Win!";
        //document.getElementById('money').innerHTML = "Money: " + betInput * 2;

      }
      if (parseInt(document.getElementById('number').innerHTML) != userBet) {
        document.getElementById('roll').innerHTML = "You Lost!";
      }

    }
  </script>
</body>

</html>

比较输入和数字

1 个答案: