以下のコードについて、変数win_perがなぜNaNになるのかわかりません
lang
1$(function(){ 2 var myHand = $('.show_player_hand'); 3 var proHand = $('.show_program_hand'); 4 var result = $('.result'); 5 6 var win_count = 0; 7 var lose_count = 0; 8 var quits_count = 0; 9 var win_per = win_count / (win_count + lose_count) * 100; 10 var hands = ['グー', 'チョキ', 'パー']; 11 12 $(".janken").click(function(){ 13 if(!$('input[type="radio"][name="janken"]:checked').val()){ 14 alert('手を組んでください'); 15 }else{ 16 var h1 = $(':radio[name="janken"]:checked').val()*1; 17 var h2 = Math.floor(Math.random() * 3); 18 myHand.text(hands[h1]); 19 proHand.text(hands[h2]); 20 console.log(win_count / (win_count + lose_count) * 100); 21 console.log(win_per); 22 if((win_count + lose_count) !== 0){ 23 $('.win_per').text(win_per); 24 } 25 if((h1===0 && h2===1) || (h1===1 && h2===2) || (h1===2 && h2===1)){ 26 result.text('勝ち'); 27 win_count++; 28 $('.win_count').text(win_count); 29 }else if((h1===0 && h2===2) || (h1===1 && h2===0) || (h1===2 && h2===0)){ 30 result.text('負け'); 31 lose_count++; 32 $('.lose_count').text(lose_count); 33 }else{ 34 result.text('あいこ'); 35 quits_count++; 36 $('.quits_count').text(quits_count); 37 } 38 } 39 }); 40});
lang
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="UTF-8" /> 5 <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 6 <script src="janken.js"></script> 7 </head> 8 <body> 9 <p>じゃんけん・・・</p> 10 <input type="radio" name="janken" value="0"><label>グー</label> 11 <input type="radio" name="janken" value="1"><label>チョキ</label> 12 <input type="radio" name="janken" value="2"><label>パー</label> 13 <br> 14 <input type="button" value="ぽん!" class="janken" id="button"> 15 <br> 16 あなたの手:<span class="show_player_hand"></span> 17 相手の手:<span class="show_program_hand"></span> 18 19 <p>勝ち:<span class="win_count">0</span></p> 20 <p>負け:<span class="lose_count">0</span></p> 21 <p>あいこ:<span class="quits_count">0</span></p> 22 <h3>結果</h3> 23 勝率:<span class="win_per">0</span> % 24 <div class="result"></div> 25 </body> 26</html>
真ん中あたりのconsole.logではwin_perは常にNaNとなり、右辺をそのままコピペしたwin_count / (win_count + lose_count) * 100では思った通りの結果が出てきます。なぜなのか教えてください。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/03 06:00
2017/03/03 06:02
2017/03/03 06:10
2017/03/03 06:15
2017/03/03 06:17