問題の解答 「正解」・「不正解」を表示したいのですが・・・



0   名前: まちゃ : 2007/09/07(金) 11:59  ID:5t/FwT2h sub-/S
先日教えていただき、問題に対する解答をラジオボタンで選択し「採点ボタン」を押すと、アラートで点数が「何点です」と出るようになりました。
更に考えているのは、「採点ボタン」押したときに点数をアラート表示するのと同時にとHTML上の解答欄の横に「正解」「不正解」と出したいのですが・・・
ぜひぜひ教えてください。
よろしくお願いいたします。
(↓はアラートで点数が出るまで状況です)

<SCRIPT language="JavaScript">
<!--
function Getscore() {
var score = 0;
for(i=0;i<4;i++){
if(document.form1.elements[i].checked){
score += parseInt(document.form1.elements[i].value);
}
}
window.alert(" あなたの点数は " + score + " 点です");}
// -->
</SCRIPT>

</HEAD>
<BODY>
<FORM name="form1">
<TABLE border="0">
<TBODY>
<TR>
<TD>Q1 日本一の山は?</TD>
<TD>
<INPUT type="radio" name="q1" value="1">富士山 <INPUT type="radio" name="q1" value="0">三笠山</TD>
</TR>
<TR>
<TD>Q2 世界一の山は?</TD>
<TD>
<INPUT type="radio" name="q2" value="0">キリマンジャロ <INPUT type="radio" name="q2" value="1">エベレスト</TD>
</TR>
</TBODY>
</TABLE>
<INPUT type="button" value="採点する" onclick="Getscore()"></FORM>

1   名前: 匿名 : 2007/09/07(金) 11:59  ID:1u/vEejb sub-Ds
>解答欄の横に「正解」「不正解」と出したいのですが・・・
出るべきところにCSSで文字を隠しておき、イベントでそれを表示させる。

余計なお世話だが、・・・
JavaScriptでクイズを作るのは古典的だけれども、しかし、これには非常に
強烈な欠点があって、ソースを見るとそこに答えが書いてあってバレバレ。
余興ならいいとして、ステップバイステップでビジターを誘導するようなこ
とを考えているのなら、CGIを使った書き方を学ぶよろし。



一覧へ戻る