じゃんけんのプログラムを作成しています.
グー,チョキ,パーのボタンを押すと「あなたの手:グー」となっている「グー」の部分が変わるようにしたいです.
今,ボタンを押しても何も変わらない状態なのですが,どこがおかしいのでしょうか.
初心者なので,基本的な質問ですみません.
javascript
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8" /> 5 <title>じゃんけん</title> 6</head> 7<body> 8 <p> 9 <input type="button" value="start" onclick="toggle()" /> 10 PCの手:<span id="pchand">グー</span> 11 </p> 12 <p> 13 <input type="button" value="グー" onclick="serect_hand('gu')"/> 14 <input type="button" value="チョキ" onclick="serect_hand('choki')"/> 15 <input type="button" value="パー" onclick="serect_hand('pa')"/> 16 あなたの手:<span id="userhand">グー</span> 17 </p> 18 <p> 19 <input type="button" id="reset" value="リセット" /> 20 </p> 21 22 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 23 <script> 24 //PC側:ランダムにグー,チョキ,パー出力 25 var view=document.getElementById("pchand"); 26 var pc_hand; 27 var running=false; 28 var intervalID; 29 var usernohand; 30 31 function toggle(){ 32 if(running){ 33 clearInterval(intervalID); 34 running=false; 35 }else { 36 intervalID=setInterval(pc_hand,250); //pc_hand関数を250ミリ秒ごとに繰り返す 37 running=true; 38 } 39 }; 40 function pc_hand(){ 41 var arr=["グー","チョキ","パー"]; 42 var pcnohand=Math.floor(Math.random()*arr.length); 43 console.log(arr[pcnohand]); 44 view.textContent=arr[pcnohand]; 45 }; 46 47 //ユーザ側:ボタンを押したらPCの手が止まる,選んだ手を出力 48 function serect_hand(usernohand){ 49 if(usernohand=='gu'){ 50 document.getElementById("userhand").interHTML="グー"; 51 }else if (usernohand=='choki') { 52 document.getElementById("userhand").interHTML="チョキ"; 53 }else if (usernohand=='pa') { 54 document.getElementById("userhand").interHTML="パー"; 55 } 56 }; 57 </script> 58</body> 59</html> 60
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/10/28 10:18