質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

970閲覧

Jqueryが読み込まれない

YoKo189

総合スコア12

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2019/01/25 12:25

前提・実現したいこと

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>
<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>
</html>

Jquery
ソースコード

### 試したこと ここに問題に対して試したことを記載してください。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

JavaScript

1for(var i = 0; i=quiz.length; i++){

で永久ループです(代入したらだめ)

投稿2019/01/25 13:23

rururu3

総合スコア5545

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問