JS学び始めで思い当たるところはググってみたのですが、解決法が見つかりません。
どなたか分かる方いらっしゃいましたらお願いします。
JSでじゃんけんゲームを作成中です。
Chromeで正しく動作しないので検証のなかのconsoleで確認してみましたが、以下のようなエラーメッセージが表示されます。タグは過不足なく揃っています。
発生している問題・エラーメッセージ
Uncaught SyntaxError: Unexpected end of input
該当のソースコード
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <script src="js/jquery-2.1.3.min.js"></script> <link rel="stylesheet" href="css/sample.css"> <title>じゃんけん</title> </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>コンピュータの出した手は?「<span id="pc_hands">なに?</span>」</div> <div id="judgment">勝ち</div> </main> <footer></footer> <script> //じゃんけん用のSCRIPTを書いてください $(function(){ // id属性名を変数に保持 var pc = `#pc_hands`; var jd = `judgment`; // 判定 var win = `勝ち`; var def = `負け`; var draw = `引き分け`; // 手 var gu = `グー`; var cho = `チョキ`; var pa = `パー`; // あなたがチョキをクリックしたら $(`#cho_btn`).on(`click`,function(){ // rand には[0,1,2]の数値一つが代入される // 0=グー(負け) var rand = Math.floor(Math.random()*3); if (rand===0){ $(pc).html(gu); $(jd).html(def); } // 0=チョキ(引き分け) if(rand===1){ $(pc).html(cho); $(jd).html(draw); } // 0=パー(勝ち) if(rand===2){ $(pc).html(pa); $(jd).html(win); } }); // あなたがグーをクリックしたら $(`#gu_btn`).on(`click`,function(){ var rand = Math.floor (Math.random()*3); // 0=グー(引き分け) if (rand===0){ $(pc).html(gu); $(jd).html(draw); } // 0=チョキ(勝ち) if(rand===1){ $(pc).html(cho); $(jd).html(win); } // 0=パー(負け) if(rand===2){ $(pc).html(pa); $(jd).html(def); } }); // あなたがパーをクリックしたら $(`#pa_btn`).on(`click`,function(){ var rand = Math.floor (Math.random()*3); // 0=グー(勝ち) if (rand===0){ $(pc).html(gu); $(jd).html(win); } // 0=チョキ(負け) if(rand===1){ $(pc).html(cho); $(jd).html(def); } // 0=パー(引き分け) if(rand===2){ $(pc).html(pa); $(jd).html(draw); } }); </script> </body> </html>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/22 07:56
2018/10/22 07:58