Q&A
（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
前提・実現したいこと
メモ帳で打ち込み、google chromeで開くタイプです。
シンプルなじゃんけんのプログラムをつくりたいです。
ユーザが手を選び、ボタンを押すとじゃんけんが始まる仕組み。
疑問点はformでじゃんけんの手を選びボタンを押した後、
選択された情報”user"をそのままscriptで再利用する方法がわからない。
下記のサイトで$('')を参考にしようとしましたが意味不明。
formでname=userと表現しているのだから、
scriptでそのままuserを使えないのでしょうか。
http://tech-drill.in/questions/22/answers/22
発生している問題・エラーメッセージ
ボタンを押しても無反応
エラーメッセージ
該当のソースコード
HTML & JavaScript
ソースコード
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>じゃんけん</title> </head> <body> じゃんけんをしましょう<br> 最初はグー、じゃんけん、<br> <form> <input type="radio" name="user" value="0" checked>グー<br> <input type="radio" name="user" value="1">チョキ<br> <input type="radio" name="user" value="2">パー<br> <input type="button" onclick="play()" value="ポン！"><button><br> あなたの手:<span class="user_hand"></span> コンピューターの手:<span class="computer_hand"></span> <p>結果</p> <div class="result"></div> </form> <script> function play(){ var com = Math.floor(Math,random() * 2); var janken = new array("グー","チョキ","パー"); var user_hand = janken[user]; var computer_hand = janken[com]; if (user=null){ alert("手を選んでください"); } else{ if(user == com){ result="あいこ"; } else if ((user==2 && com==1)||(user==1 && com==2) || (user==0 && com ==1){ result="勝ち"; }else{ result="負け"; } } } </script> </body> </html>
試したこと
サイトを調べましたが、どれもちんぷんかんぷん
http://tech-drill.in/questions/22/answers/22
補足情報
突っ込みどころがおおすぎます。
まずは目的の仕組みを作るにはどうしたらいいかではなく、
基本的な使い方が間違ってるところの指摘になりますがよろしいでしょうか？
>サイトを調べましたが、どれもちんぷんかんぷん
と言っている方だと回答見てもちんぷんかんぷんではないでしょうか。
「自分は理解できなくてもいいから動くコードください」だと作業依頼です。
ご自身で確認したサイトにヒントがあったかもしれないのですけど、それが理解できないとコードもらってもまた丸投げ質問を繰り返すことになります。
ひとまず、どんなさいとをさんこうにしたのか、URLを提示しましょう。
間違いだらけですみません。基本的な使い方教えていただけないでしょうか。
質問編集いたしました。
それぞれの機能の仕様や文法の基本のことであればMDNなどのマニュアルを確認しましょう。まずはそこからです。
できあがったコードや近そうなことをやってそうな他人のコードを読み解くのは簡単ではないので、仕様や基本文法をおさえるところから始める必要があります。
回答2件
0
解
まずは、ドキュメントを読みましょう。
「俺は、そんな回答を求めていない」
とか内心で思っていらっしゃるかもしれませんがまず読みましょう。
JavaScript
1function play(){ 2 var com = Math.floor(Math,random() * 2);/* ,じゃなくて. */ 3 var janken = new array("グー","チョキ","パー"); 4 var user_hand = janken[user];/* userどっから出てきた */ 5 var computer_hand = janken[com]; 6 if (user=null){/* 代入しとる。==か===は正しい。 */ 7 alert("手を選んでください"); 8 } else{ 9 if(user == com){ /* elseif使いましょう。だからuserどっから出てきた */ 10 result="あいこ"; 11 } else if ((user==2 && com==1)||(user==1 && com==2) || (user==0 && com ==1){/* userどっから出てきた */ 12 result="勝ち"; 13 }else{ 14 result="負け";/* resultに結果を代入しているけど、代入して終わりかいな */ 15 } 16 } 17}
投稿2020/01/05 15:38
総合スコア10429
修正したコードは、質問文が編集されたのち、追記します。
comは0,1,2の乱数という表現として正しく扱われていますか？
userはformから受け取ったものとして扱おうとしたのですが、、、
間違いだらけですみません。
0
ベストアンサー
こんな感じでお試しください
投稿2020/01/06 02:16
総合スコア114825
<script>
function play(){
var com = parseInt(Math.random() * 3);
var janken = new Array("グー","チョキ","パー");
var u,result;
var user=(u=document.querySelector('[name=user]:checked'))?parseInt(u.value):null;
var user_hand = janken[user];
var computer_hand = janken[com];
if (user==null){
alert("手を選んでください");
} else{
if(user == com){
result="あいこ";
} else if ((user==2 && com==0)||(user==1 && com==2) || (user==0 && com ==1)){
result="勝ち";
}else{
result="負け";
}
document.querySelector('.user_hand').textContent=user_hand;
document.querySelector('.computer_hand').textContent=computer_hand;
document.querySelector('.result').textContent=result;
}
}
</script>
じゃんけんをしましょう<br>
最初はグー、じゃんけん、<br>
<form>
<label><input type="radio" name="user" value="0">グー</label><br>
<label><input type="radio" name="user" value="1">チョキ</label><br>
<label><input type="radio" name="user" value="2">パー</label><br>
<input type="button" type="button" onclick="play()" value="ポン！"><br>
あなたの手:<span class="user_hand"></span><br>
コンピューターの手:<span class="computer_hand"></span><br>
<p>結果</p>
<div class="result"></div>
</form>
To: yambejpさん
回答が編集できなくなる（意図と違う編集結果になる？）のは別ブラウザでも起こりますか？ペーストをするとペースト前の状況で保存されるバグはいまだに会いますが、編集できなくなることは特にありませんし、同様の問題を訴えるコメント等も見当たらないので、環境依存の問題ではないでしょうか。
あらゆるブラウザで試しましたが同様です
（何分待っても送信中の表示のまま）
会社のプロクシの問題かもしれません
もしかしたらセキュリティ強化で送れる量が制限されているとか
コメントはそこそこの量でも送れるんですけどねぇ・・・
モバイルからはどうでしょう？
私の環境でソースをモバイルから送るのは現実的ではないので
この状況が続くようならプロフィールにも書きましたが
そろそろ引退しようかなと思っています。
teratailもとうとう回答率90％を切って、アクティブさも
オチてきてますしねぇ・・・
なるほど。それは残念ですね。
ありがとうございます。
parseInt(),document.querySelector,textContentの使い方教えていただけますか？
formでチェックされた情報をname=userでuserから使えないんですか？
ありがとうございます。
parseIntは数を持ってくることができ、querySelectorはあるグループの要素を抽出でき、
textContentは変数の中身を表示できるわけですね。
しかし、以下のコードで何が起きているのかわかりません。uという変数はformでチェックされた手で、userはもしチェックがなければ、空っぽで、それ以外の時はuとおんなじだよという解釈で正しいですか？
var user=(u=document.querySelector('[name=user]:checked'))?parseInt(u.value):null;
あーすみません、そこは手を抜いて書いています
三項演算子ってやつです
uにdocument.querySelector('[name=user]:checked')を入れて
そのuがつかめないとき＝つまりnameがuserの要素がひとつも
checkedされていないとき、nにはnullがセットされます
値があるときはuの値を整数化してuserに、そうでないときは
nullをuserに投入しています
あなたの回答
tips
プレビュー
