常連

注目の的

自己紹介

有名人

こんにちわ。
プログラミング初心者で、JavaScriptの勉強中です。

ローカルストレージを使って何かアプリを作ってみようと思い、
勝ち数がローカルストレージに記録されるようなじゃんけんアプリを作っているのですが、
なぜか足し算がうまくいかず困っています。。。
（プレイヤーA(自分)がプレイヤーB(ランダムに手を出す)とじゃんけんします。）

###【本題】

プレイヤーAの勝率を出したく、

aRate(プレイヤーAの勝率)= aKachisu(Aの勝ち数) + bKachisu(Bの勝ち数) + hikiwakeSu(引き分け数)

と計算しているのですが、

例えば
aKachisu=2
bKachisu=3
hikiwakeSu=1
のとき、

aRate=231

となってしまいます。

aKachisu、bKachisu、hikiwakeSuをisNaNで調べたのですが、
falseが返ってきてるので、数値として認識されているはずなのですが。。。

どこに原因がありそうでしょうか？
どなたかご教示頂けますと幸いです。

ちなみにMacでChromを使っています。

下記に、少し長いですが、
前後のプログラムを掲載しております。

何卒よろしくお願い致します。

```JavaScript
<body>
    <script type="text/javascript">
        $(function(){
            var selectNum;
            var hand = ["ぐー","ちょき","ぱー"];
            var shouhai = ["勝利！","引き分けだ！","負け！"];
            var hanteiHaitretu = [
                [shouhai[1],shouhai[0],shouhai[2]],
                [shouhai[2],shouhai[1],shouhai[0]],
                [shouhai[0],shouhai[2],shouhai[1]]];
            
            //勝敗関連
            var aKachisu;
            var bKachisu;
            var hikiwakeSu;
            var aRate;
            var bRate;
            var aRateText = document.getElementById('aKachiRate');
            var bRateText = document.getElementById('bKachiRate');
            
            //ページ読み込み時
            $(window).on("load",function(){
                if(localStorage.getItem("a")){
                    aKachisu = localStorage.getItem("a");
                } else {
                    aKachisu = 0;
                }
                
                if(localStorage.getItem("b")){
                    bKachisu = localStorage.getItem("b");
                } else {
                    bKachisu = 0;
                }
                
                if(localStorage.getItem("hikiwake")){
                    hikiwakeSu = localStorage.getItem("hikiwake");
                } else {
                    hikiwakeSu = 0;
                }
                
               if((aKachisu == 0)&&(bKachisu == 0)&&(hikiwakeSu == 0)){
                    aRateText.innerHTML = 0;
                    bRateText.innerHTML = 0;
                } else {
                    aRate = aKachisu/(aKachisu+bKachisu+hikiwakeSu)*100;
                    bRate = bKachisu/(aKachisu+bKachisu+hikiwakeSu)*100;

                    aRateText.innerHTML = aRate;
                    bRateText.innerHTML = bRate;
                }
            });
            
            //勝ち負け判定
            function hanteiFunc(n) {
                selectNum = Math.floor(Math.random() * 3);
                $("#aHand").html(hand[n]);
                $("#bHand").html(hand[selectNum]);
                $("#kekka").html(hanteiHaitretu[n][selectNum]);
                
                if((n-selectNum == -1) || (n-selectNum == 2)) {
                    aKachisu++;
                }else if((n-selectNum == 1) || (n-selectNum == -2)) {
                    bKachisu++;
                } else {
                    hikiwakeSu++;
                }
                
                localStorage.setItem("a",aKachisu);
                localStorage.setItem("b",bKachisu);
                localStorage.setItem("hikiwake",hikiwakeSu)
                
                aRate = aKachisu/(aKachisu + bKachisu + hikiwakeSu)*100;  //★ここのaKachisu + bKachisu + hikiwakeSuがうまく計算されません…！
                bRate = bKachisu/(aKachisu + bKachisu + hikiwakeSu)*100;
                
                aRateText.innerHTML = localStorage.getItem("a");
                bRateText.innerHTML = localStorage.getItem("b");
            }
            
            $("#gu").click(function(){
                hanteiFunc(0);
            })
            
            $("#choki").click(function(){
                hanteiFunc(1);
            })
            
            $("#pa").click(function(){
                hanteiFunc(2);
            })
        });
    </script>
    <div>aの勝率：<span id="aKachiRate"></span>%</div>
    <div id="aHand"></div>
    <div>bの勝率：<span id="bKachiRate"></span>%</div>
    <div id="bHand"></div>
    <p>以下から選んでclick!!</p>
    <div id="gu">gu</div>
    <div id="choki">choki</div>
    <div id="pa">pa</div>
    <div id="kekka"></div>
    
</body>

```