2択問題(○×形式)と3択問題が混在した、クイズページを作ろうとしています。
構成は、20問で2択の○×問題と3択問題が混在しており、
クイズを受けたあと、採点ボタンを押すと、その場で採点ができ、
採点結果と解説が同時に見る事ができるようなプログラムを探してます。
問題全てが2択、もしくは3択などのプログラムはWebサイト上で見つけたのですが、
2択や3択が混在しているプログラムが見つからず、質問いたしました。
無料のものを使用したいのですが、どなたかご教示いただけませんでしょうか?
因みに、対応はPC環境のみで、採点結果が100点の場合→「合格者登録ページ」へ、
100点以外の場合→「再試験」へ各々リンクさせる予定です。
宜しくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
回答がないみたいなので、さらっと書いてみました。
2択3択といわず100択でも可能です。
問題ごとに加点配分をして、合格のレベル(今回だと70点)なども
設定するとよろしいかと。
<html>
<head>
<script language=javascript>
var obj=new Array(20);
for(var i=0;i<obj.length;i++){
obj[i]=new Object;
obj[i].setObj=setObj;
}
obj[0].setObj("1+1は何?",Array("0","2","10"),1,2);
obj[1].setObj("1*1は何?",Array("0","10","1"),2,2);
obj[2].setObj("1/1は何?",Array("1","2","3","5","6"),0,3);
obj[3].setObj("1-1は何?",Array("0","2"),0,3);
obj[4].setObj("省略:答えは0",Array("0","1"),0,5);
obj[5].setObj("省略:答えは0",Array("0","1"),0,5);
obj[6].setObj("省略:答えは0",Array("0","1"),0,5);
obj[7].setObj("省略:答えは0",Array("0","1"),0,5);
obj[8].setObj("省略:答えは0",Array("0","1"),0,5);
obj[9].setObj("省略:答えは0",Array("0","1"),0,5);
obj[10].setObj("省略:答えは0",Array("0","1"),0,5);
obj[11].setObj("省略:答えは0",Array("0","1"),0,5);
obj[12].setObj("省略:答えは0",Array("0","1"),0,5);
obj[13].setObj("省略:答えは0",Array("0","1"),0,5);
obj[14].setObj("省略:答えは0",Array("0","1"),0,5);
obj[15].setObj("省略:答えは0",Array("0","1"),0,5);
obj[16].setObj("省略:答えは0",Array("0","1"),0,5);
obj[17].setObj("省略:答えは0",Array("0","1"),0,5);
obj[18].setObj("省略:答えは0",Array("0","1"),0,10);
obj[19].setObj("省略:答えは0",Array("0","1"),0,10);
function setObj(question,answers,correct,point){
this.question=question;
this.answers=answers;
this.correct=correct;
this.point=point;
}
function check(f){
var point=0;
for(var i=0;i<f.length;i++){
if(f[i].type=="radio" && f[i].checked) point+=parseInt(f[i].value);
}
alert("あんたは"+point+"点")
if(point<70) location.href="saishiken.htm";
else location.href="goukaku.htm";
}
</script>
</head>
<body>
<form>
<script>
for(var i=0;i<obj.length;i++){
document.write("質問"+(i+1)+":"+obj[i].question+"("+obj[i].point+"点)"+"<br>")
for(var j in obj[i].answers){
document.write("<input type='radio' name='q-"+i+"' id='q-"+i+"-"+j+"' value='"+(j==obj[i].correct?obj[i].point:0)+"'><label for='q-"+i+"-"+j+"'>"+obj[i].answers[j]+"</label>")
}
document.write("<br>")
}
</script>
<input type="button" value="採点" onClick="check(this.form)">
</form>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・あなたの人生で一番ピンチに陥った瞬間は?
- ・初めて見た映画を教えてください!
- ・今の日本に期待することはなんですか?
- ・【大喜利】【投稿~1/31】『寿司』がテーマの本のタイトル
- ・集中するためにやっていること
- ・テレビやラジオに出たことがある人、いますか?
- ・【お題】斜め上を行くスキー場にありがちなこと
- ・人生でいちばんスベッた瞬間
- ・コーピングについて教えてください
- ・あなたの「プチ贅沢」はなんですか?
- ・コンビニでおにぎりを買うときのスタメンはどの具?
- ・おすすめの美術館・博物館、教えてください!
- ・【お題】大変な警告
- ・【大喜利】【投稿~1/20】 追い込まれた犯人が咄嗟に言った一言とは?
- ・洋服何着持ってますか?
- ・みんなの【マイ・ベスト積読2024】を教えてください。
- ・「これいらなくない?」という慣習、教えてください
- ・今から楽しみな予定はありますか?
- ・AIツールの活用方法を教えて
- ・最強の防寒、あったか術を教えてください!
- ・【大喜利】【投稿~1/9】 忍者がやってるYouTubeが炎上してしまった理由
- ・歳とったな〜〜と思ったことは?
- ・モテ期を経験した方いらっしゃいますか?
- ・好きな人を振り向かせるためにしたこと
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#で、ContextMenuStripに動的...
-
GASでundefinedエラーが出ます
-
ASP.NET MVCでObjectをjsに渡す
-
IE8で種類が一致しませんとエラ...
-
ASP.NETのコントロールの値をJa...
-
C#OpenCv V4にのエラーに関する...
-
Ajaxでタイムアウトしてしまう
-
イベントが初めの一回しか起き...
-
javascriptカウントダウン終了...
-
APIを使って埋め込んだグーグル...
-
JavaScriptで文字列の特定文字...
-
第3日曜日のみの日付を取得、...
-
URLのパラメータを取得しリンク...
-
javaScriptのコードの修正をお...
-
翌月を取得するGASが分かりません
-
テーブルセル内のinput要素のna...
-
アンカーをクリックしたときに...
-
【javascript】正規表現で括弧...
-
「~○ヶ月○日」という表示方法 2
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
ASP.NET MVCでObjectをjsに渡す
-
C#で、ContextMenuStripに動的...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
翌月を取得するGASが分かりません
-
ASP.NETのコントロールの値をJa...
-
台形公式
-
html javascript リンク先アド...
-
なぜmatchメソッドがエラーにな...
-
javaScript textareaの一行あた...
-
1日1回だけ引けるjavascriptお...
-
javascriptでテーブルに追加し...
-
VSCODE[Python]の設定について
-
googleスプレッドシートのApps ...
-
gas スプレッドシートがアクテ...
-
今日からnヶ月後(前)
-
Google Apps Script で添付ファ...
-
setTimeoutによる繰り返しが途...
おすすめ情報