解決済
Ads By Google
javaScriptをブログ投稿欄で使う方法について
HTMLで○×のボタンを作成しました、質問に対して回答が正解なら○、間違ったら×。ここでjavaScriptを使って正解率を表示したいのですがどうすればできるのか分かりません。投稿欄でjavaScript使うとき何か設定が必要でしょうか。参考のプログラムは、
<form>
<h2>次の日本語はインドネシア語で何て言う。</h2>
<p><select name="maru"><option desabled>○</option><option desabled>×</option></select><select name="honyaku"><option desabled>インドネシア語は？</option><option desabled>berhenti</option></select>■止まる</p>
<p><select name="maru"><option desabled>○</option><option desabled>×</option></select><select name="honyaku"><option desabled>インドネシア語は？</option><option desabled>berikut</option></select>■参加する</p>
<p><input type="reset" value="RESET"></p>
</form>
2006-03-19 14:33の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-03-19 16:43:10
desabledがミススペルでdisabledだし，そしたら選択できなくなるし，JavascriptじゃなくHTMLだから動かないし・・・．とりあえず，それを捨てて↓のコードにしましょー．
ーーーーーーここから
<script type="text/javascript">
<!--
var answer=new Array("○","×");
function checkAnswer(){
//-->
</script>
<body>
<form name=F1>
<h2>次の日本語はインドネシア語で何て言う。</h2>
■止まる＝berhenti
<select name="p0"><option value="○"/>○<option value="×"/>×</select><br/>
■参加する＝berikut
<select name="p1"><option value="○"/>○<option value="×"/>×</select><br/>
<input type="button" value="採点" onClick="javascript:checkAnswer();" />
<input type="text" name="answerbox" size=3 />％
</form>
ーーーーーーここまで
念のため言っときますが，結果の保存はできません．
がむばってねん．
ーーーーーーここから
<script type="text/javascript">
<!--
var answer=new Array("○","×");
function checkAnswer(){
count=0;
for(i=0;i<answer.length;i++){
eval("x=document.F1.p"+i+".value");
if(x==answer[i])count++;
}
document.F1.answerbox.value=count*100/answer.length;
}//-->
</script>
<body>
<form name=F1>
<h2>次の日本語はインドネシア語で何て言う。</h2>
■止まる＝berhenti
<select name="p0"><option value="○"/>○<option value="×"/>×</select><br/>
■参加する＝berikut
<select name="p1"><option value="○"/>○<option value="×"/>×</select><br/>
<input type="button" value="採点" onClick="javascript:checkAnswer();" />
<input type="text" name="answerbox" size=3 />％
</form>
ーーーーーーここまで
念のため言っときますが，結果の保存はできません．
がむばってねん．
回答レベル : 回答
Ads By Google
コメント(6)
#1. オニキス
2006-03-19 16:44:30
ごめんなさい．<body>タグは取って使って下さい．ローカルで一応確認したときについたものです．
どうもありがとう。下記のような変更で上手くいきました。
var answer=3//質問数が３つ
function checkAnswer(){count=0;for(i=0;i<answer;i++){ eval("x=document.F1.p"+i+".value"); if(x=="○")count++;
#3. オニキス
2006-03-20 00:02:08
それって正解が全部○になるかとｗ
answerの配列に答えを入れるつもりで書いたのですが．．．
ども～！質問が２つ以上の場合、一つ目の質問で×、二つ目○のとき５０％のはずが０％、逆の場合１００％、３つ目がある場合は計算されていないなど．．．、あれこれやって上手くいったのが＃２の内容でした。
自分のイメージ通りのものになりました。ベースになるものを教えて頂いたからこそと感謝しています。ついでに、新規作成前に「ブログの設定」内で｛改行しても反映しない｝に指定し更新しておく必要がありました。
#6. オニキス
2006-03-21 16:11:28
完成おめでとうございます＾＾
