2016-08-15 6 views
0

JavaScriptでロックペーパーのはさみゲームに取り組んでいます。私はユーザーからのラジオボタンの入力を取得するいくつかの問題を抱えています。ボットが1ラウンド勝った場合は、スコアを1に加算する必要があります。これは毎回実行します。無線入力を取得できません

HTML::

<h2 id="score"><span id="pl1">0</span>-<span id="pl2">0</span></h2> 
<div id="left"> 
      <label for="rock">Rock</label><br> 
      <input type="radio" name="q" class="q" id="rock"></input><br> 
      <label for="paper">Paper</label><br> 
      <input type="radio" name="q" class="q" id="paper"></input><br> 
      <label for="scissors">Scissors</label><br> 
      <input type="radio" name="q" class="q" id="scissors"></input><br> 
      <button id="confirm" class="button" onClick="playBot()" style="margin-bottom: 10px;">Confirm</button> 
     </div><p id="result"></p> 

とJavaScript:

function playBot(){ 
var num = Math.floor((Math.random() * 4) + 1); // generate number between 1 and 3 which represents the item bot has chosen 
console.log(num); 
var rock = document.getElementById("rock").value; 
var paper = document.getElementById("paper").value; 
var scissors = document.getElementById("scissors").value; 
var result = document.getElementById("result"); 
    // 1 = rock, 2 = paper, 3 = scissors 
if (rock.checked == true && num != 2){ 
    pl1 = pl1 + 1; 
    document.getElementById("pl1").innerHTML = pl1; 
} else if (paper.checked == true && num != 3){ 
    pl1 = pl1 + 1; 
    document.getElementById("pl1").innerHTML = pl1; 
} else if (scissors.checked == true && num != 1){ 
    pl1 = pl1 + 1; 
    document.getElementById("pl1").innerHTML = pl1; 
} else { 
    pl2 = pl2 + 1; 
    document.getElementById("pl2").innerHTML = pl2; 
} 
} 

私はどちらか働いていなかったforループ、でそれをやってみましたここで私が試したコードです。ソースは、私が試してみた:How to get value of selected radio button?

Get Radio Button Value with Javascript

http://www.w3schools.com/jsref/prop_radio_checked.asp

、紙を岩に割り当てるときは、厳密に値をフェッチしている

答えて

0

事前のおかげで、はさみをこれらの行に:

var rock = document.getElementById("rock").value; 
var paper = document.getElementById("paper").value; 
var scissors = document.getElementById("scissors").value; 

ただし、if文はtを見て属性を取得しようとしています彼は属性を「チェック」した。

var rock = document.getElementById("rock") 

で全体の要素を取得し、属性を「確認」または唯一

if (rock) 
{ 
    // Do something 
} 
+0

すごい迫力で値をチェックし、答えに感謝を使用しますか。これはシンプルだったことを知らなかった、それは今素晴らしいです!もう一度ありがとう:) –

+0

うれしい私は助けることができる!回答の投票ボタンの下にあるチェックマークをクリックすると、それを「承認済み」と表示できます。それは非常に高く評価されるだろう。 –

+0

ええ、まだクリックできず、3分待たなければならなかった –

関連する問題