プログラミング入門で
JavaScriptのじゃんけんゲームをつくっております。
勝ち負けまでは表示できるようになったのですが
得点の加算表示がうまくゆきません。
ここまで下記のように作ってきました。
目標は、じゃんけんに勝つと、
PointCom(コンピュータの得点)、PointMe(自分の得点)が
1点づつ増えて、最後に表示されるようにすることです。
皆さまのお知恵をお借りできませんでしょうか。
どうぞよろしくお願い申し上げます。
<script> var PointCom=0,PointMe=0; function dclr(){ PointCom = PointMe = 0; } window.onload = function(){ //コンピュータの手 function janken(max){ var num = 0; num = Math.floor(Math.random()* max + 1); if(num==1){ document.getElementById("pc").innerHTML="コンピュータ:グー"; } else if(num==2){ document.getElementById("pc").innerHTML="コンピュータ:パー"; } else if(num==3){ document.getElementById("pc").innerHTML="コンピュータ:チョキ"; } return num; } //自分の手グー var btn_g = document.getElementById("gu_btn"); btn_g.onclick = function(){ var num=janken(3); if(num==1){ document.getElementById("name").innerHTML="引き分けです"; } else if(num==2){ document.getElementById("name").innerHTML="あなたの負けです"; PointCom++; } else if(num==3){ document.getElementById("name").innerHTML="あなたの勝ち"; PointMe++; } } //自分の手チョキ var btn_c = document.getElementById("cho_btn"); btn_c.onclick = function(){ var num=janken(3); if(num==1){ document.getElementById("name").innerHTML="あなたの負けです"; PointCom++; } else if(num==2){ document.getElementById("name").innerHTML="あなたの勝ちです"; PointMe++; } else if(num==3){ document.getElementById("name").innerHTML="引き分けです"; } } //自分の手パー var btn_p = document.getElementById("par_btn"); btn_p.onclick = function(){ var num=janken(3); if(num==1){ document.getElementById("name").innerHTML="あなたの勝ちです"; PointMe++; } else if(num==2){ document.getElementById("name").innerHTML="引き分けです"; } else if(num==3){ document.getElementById("name").innerHTML="あなたの負けです"; PointCom++; } } Point01.value = PointCom; Point02.value = PointMe; }; </script> </head> <body> <header> <h1>じゃんけん</h1> </header> <main> <ul> <li id="gu_btn">グー</li> <li id="cho_btn">チョキ</li> <li id="par_btn">パー</li> </ul> <div id="pc">コンピュータの出した手は?</div> <div id="name">ここに表示されます</div> <div id="Point01">コンピュータの得点は</div> <div id="Point02">あなたの得点は</div> </main>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/05/06 15:06