基于 JavaScript 的游戏

Question

所以我一直在尝试制作一个游戏，你赌钱，如果你赢了，你就会获得利润，要赢，你必须猜出骰子的正确结果(6面)，如果你这样做，你就会得到你的钱+利润，我已经取得了一定的成功，但它并没有给你带来报酬。

如果你能帮我解决这个问题，谢谢。网站:http://csgodice.net16.net/dice.php

• 编辑:添加了整个代码!

• 编辑:事情仍然因新错误而中断:游戏未定义。

  CSGODice.net

  <div id="header">
      <div id="navbar">
          <a class="nav1" href="/"><bold>HOME</bold></a>
          <a class="nav2" href="dice.php"><bold>DICE</bold></a>
          <a class="nav3" href="support.php">SUPPORT</a>
          <a class="balance" href="#">Gems: 0</a>
  <div id="steamLogon">
      <?php
  
          require 'steamauth/steamauth.php';
  
          if(!isset($_SESSION['steamid'])) {
  
          loginbutton("small"); //login button
  
          }  else {
  
          include ('steamauth/userInfo.php'); //To access the $steamprofile array
          //Protected content
          logoutbutton(); //Logout Button
      } 
      ?>
  </div>
      </div>
  <div id="dicelogo">
      <a href="/">
          <img src="img/logo.png" alt="logo" id="logo"/>
      </a>
  </div>
  </div>
  
  <div id="dicegame">
    <div id="diceholder">
      <h1>
        <div id="diceroller">
          <span id="value" class="lable_value">0</span>
          <script>
          var m = document.getElementsByClassName("balance");
          var o = document.getElementsById("diceroller");
          var w = document.getElementsByClassName("winchance");
  
          var uc = document.getElementsByClassName("userchoice").value;
  
          var b = document.getElementsById("bet").value;
          var p = document.getElementsById("profit");
  
          function game(event){
          var wn = Math.floor((Math.random() * 6) + 1);
          o.innerText = wn;
          if(uc.value == wn) {
              m.innerText = m.innerText + profit.innerText + b;
          } else {
              m.innerText = m.innerText - b;
          }
          }
  
  
  
          </script>
        </div>
      </h1>
      <h3>
        <div class="winchance">1 - 6</div>
      </h3>
    </div>
    <div id="inputholder">
      <div id="input">
  
        <div class="betamount">
          <b>Gems to bet:</b>
        </div>
        <form class="input-money">
          <b><input id="bet" oninput="edValueKeyPress()" type="number" name="bet" style="color: #404040;" class="form-control" min="0.10" step="any" max="1000.00" value="1.00"></b>
        </form>
        <div class="profitamount">
          <b>Profit:</b>
        </div>
        <div id="profit">
        </div>
        <div id="userchoicetext"><b>Prediction:</b></div>
        <form>
        <input id="userchoice" oninput="edValueKeyPress()" type="number" name="choice" style="color: #404040" class="form-choice" min="1" step="any" max="6" value="1"/>
        </form>
        <button id="playgame" onclick="game()">Throw!</button>
      </div>
    </div>
  </div>
  <script>
    var input = document.getElementsByClassName("form-control");
    function edValueKeyPress(event)
    {
      var input = document.getElementById("bet").value;
      var x = document.getElementById("profit");  // Find the elements
      x.innerText= input * 0.68;    // Change the content
      var n = event.toFixed(2);
  
    }
  
  </script>
      </div>
      </div>
  </div>
  

Answer 1

这里有几个错误:

首先是一个简单的拼写错误:
您在这里定义一个变量

var b = document.getElementsById("bet").value;

尝试将其作为投注

m.innerText = m.innerText + profit.innerText + bet;

下一个错误:getElementsById 必须是 getElementById

下一个:getElementsByClassName 返回一个节点数组，而不仅仅是它找到的第一个节点，因此 var uc = document.getElementsByClassName("userchoice").value; 是一个错误。

您调试的代码:

    var m = document.getElementsByClassName("balance")[0];
    var o = document.getElementById("diceroller");
    var w = document.getElementsByClassName("winchance")[0];
    var uc = document.getElementsByClassName("userchoice")[0].value;

    var bet = document.getElementById("bet").value;
    var p = document.getElementById("profit");

    function game(event){
       var wn = Math.floor((Math.random() * 6) + 1);
       o.innerText = wn;
       if(uc.value == wn) {
          m.innerText = m.innerText + profit.innerText + bet;
       } else {
          m.innerText = m.innerText - b;
       }
    }  

我强烈建议为这些特定元素提供一个 ID，并通过该 ID(而不是类名)找到它们。

所有这些错误都一个接一个地显示在控制台中。将来用它来调试您的代码!