1

私はスロットマシンを作ろうとしていますが、プログラミングは初めてなので、これはおそらく人々にとって簡単な修正になるでしょう。

これを試してみると

var money = document.getElementsByName('money')[0].value;
var bet = document.getElementsByName('bet$')[0].value;


var winnings = Number(bet) + Number(money);
$('#money').val(winnings);

10である入力の値を賭けることしかできません

現在の賭け金を現在のお金に追加してから、その合計をお金の入力ボックスに表示したいと思います。

これが私のHTMLです：

<div id="betbox">
  <button id="bet">Bet</button>
  <input type="number" id="bet$" name="bet$" value="10" />
</div>

<div id="moneybox">
  <input type="text" id="money" name="money" value="100" />
</div>
4

1 に答える 1

2 
var current = $("#money"),
    bet = $("#bet$");

var updatedTotal = Number(current.val()) + Number(bet.val());
current.val(updatedTotal);

セレクター、イベント、dom操作などに関するドキュメントはすべてここにあります。

http://jquery.com/

これをもう少し進めるために、次のように書くことができます。

<div id="betbox">
     <button id="bet">Bet</button>
     <input type="number" id="bet$" name="bet$" value="10" />
</div>

<div id="moneybox">
     <input type="text" id="money" name="money" value="100" />
</div>

次に、スクリプト要素は次のようになります。

<script type="text/javascript">
     $(function(){
          $("#bet").on("click",function(){
               var current = $("#money"),
                   bet = $("#bet$");

              var updatedTotal = Number(current.val()) + Number(bet.val());
              current.val(updatedTotal);

              FetchNextBet();
          });
     });

     function FetchNextBet()
     {
          var newBet = window.prompt("You win, please enter a new bet!");
          if(Number(newBet) > updatedTotal)
          {
                alert("You cannot bet more money than you have!");
                FetchNextBet();
          }
          else
          {
                bet.val(newBet);
          }
     }
</script>
于 2012-07-25T17:03:56.203 に答える