セレクトボックスを選んで点数を出した後、4段階評価するプログラム

以下のページの一番下にセレクトボックスを選択する方式の4択クイズがあります。
http://www2.kuma.u-tokai.ac.jp/~kfuji/hp/JavaScr …
これは、1問25点計算で、4問100点の問題です。
この問題は、点数を出すことはできますが、S判定、A判定なり、評価を出すことができません。
どのようにコードを書いて、どこの部分に挿入したらそれができるのでしょうか。

No.1 ベストアンサー 回答者： ひでオンジ 回答日時： 2022/07/03 11:52

ちょっと中途半端になっていますが、感じ取って下さいｗ

<script type="text/javascript">
function kotae()
{
ten=0
if(f.q1.value == "松山市") {f.q1.style.backgroundColor="aqua ";ten = ten + 25}
else f.q1.style.backgroundColor="red"
if(f.q2.value == "高松市") {f.q2.style.backgroundColor="aqua ";ten = ten + 25}
else f.q2.style.backgroundColor="red"
if(f.q3.value == "名古屋市"){f.q3.style.backgroundColor="aqua ";ten = ten + 25}
else f.q3.style.backgroundColor="red"
if(f.q4.value == "金沢市") {f.q4.style.backgroundColor="aqua ";ten = ten + 25}
else f.q4.style.backgroundColor="red"
f.tokuten.value=ten

//ここから
if(f.tokuten.value ==100){f.rank.value = 'S'}
else if(f.tokuten.value >=75){f.rank.value = 'A'}
else if(f.tokuten.value >=50){f.rank.value = 'B'}
else if(f.tokuten.value >=25){f.rank.value = 'C'}
else if(f.tokuten.value <25){f.rank.value = 'D'}
//ここまで
}
</script>

<input type="button" name="b1" value="答え合わせ" onclick="kotae()"> <p>
<input name=tokuten size="6">点
<!--HTMLここから-->
<input name=rank size="6">ランク
<!--HTMLここまで-->

この回答へのお礼

ありがとうございます。

お礼日時：2022/07/03 13:56