前提・実現したいこと
Jqueryが読み込まれない
jqueryでクイズを作っています。
発生している問題・エラーメッセージ
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>jQueryファイルの読み込み - jQueryプラグインまとめのカルマ</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>エラーメッセージ
</html><script> $(function(){ //配列 quiz= new Array(); quiz[0] = ["問題1","選択肢2","選択肢3",1]; quiz[1] = ["問題1","選択肢2","選択肢3",3]; quiz[2] = ["問題1","選択肢2","選択肢3",1]; quiz[3] = ["問題1","選択肢2","選択肢3",2]; quiz[4] = ["問題1","選択肢2","選択肢3",1]; //変数 var count = 0; var correct = 0; var incorrect = 0; question(); //関数 //問題をセットする関数 function question(){ $("#next").css("display","none"); for(var i = 0; i=quiz.length; i++){ $("#question").text(quiz[count][0]);//問題の表示 $('#select1').text(quiz[count][1]); $('#select2').text(quiz[count][2]); $('#select3').text(quiz[count][3]); } } //選択肢のをクリック $(".sel").on('click',function(){ $('.sel').css('pointer-events',"none"); var val1 = $(this).after("val"); if(val1==quiz[count][quiz.length=1]){ alert("正解"); correct++; }else{ alert("不正解"); incorrect++; } $("answer").css("display","block"); $('answer').text(quiz[count][quiz[count][quiz.length-1]]); }); //次えボタン関数 function next(){ if(count<4){ count++; $('#next').css('display',"block"); $("#next").on('click',function(){ $('.sel').css('point-events',"auto"); console.log(count); $('#answer').css("display","none"); question(); }); }else{ $("#result").css('display',"block"); $("#result").text('正解:' + correct + " 問 " + " " + " 不正解: " + incorrect + " 門 " ); $("#reset").css("display","block"); next(); }}; //リセットボタンを押された時 $('#reset').on('click',function(){ count =0; correct=0; incorrect=0; $('#answer').css('display',"none"); $('#result').css('display',"none"); $('#reset').css('display',"none"); $('.sel').css('pointer-events',"auto"); question(); }); }); </script> </head> <body> <h1>クイズ</h1> <hr> <div id="main"> <h2>問題</h2> <div id="question"></div> <h2>選択肢</h2> <div id="selectArea"> <div id"select1" class="sel" value="1"></div> <div id"select2" class="sel" value="2"></div> <div id"select3" class="sel" value="3"></div> </div> <div id="next">次へ</div> <h2>解答</h2> <div id="answer"></div> <div id="result">結果</div> <div id="reset">リセット</div> </div> </hr> </body>
Jquery
ソースコード
### 試したこと ここに問題に対して試したことを記載してください。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。