2016-11-07 4 views
0

からフォームを使ってクイズを作成し、ここにある:私はフォームを持っているHTMLとJavaScript

<!DOCTYPE HTML> 
<html> 
<head> 
    <title></title> 
    <meta charset="utf-8"> 
</head> 
<body> 
    <form action="lab4.php" method="POST"> 
     1. That man does look rather strange but you shouldn’t ______ at him. <br> 
     <select name="vop1" style="width: 100px;" required> 
      <option value=""></option> 
      <option value="v11">glare</option> 
      <option value="v12">blink</option> 
      <option value="v13">stare</option> 
      <option value="v14">frown</option> 
     </select> 
     <p></p> 
     2. He made a hole in the fence so that he could ______ through without being seen. <br> 
     <select name="vop2" style="width: 100px;" required> 
      <option value=""></option> 
      <option value="v21">peer</option> 
      <option value="v22">blink</option> 
      <option value="v23">wink</option> 
      <option value="v24">peep</option> 
     </select> 
     <p></p> 
     3. If you go out into bright sunlight after being in the dark, you sometimes ______. <br> 
     <select name="vop3" style="width: 100px;" required> 
      <option value=""></option> 
      <option value="v31">peer</option> 
      <option value="v32">blink</option> 
      <option value="v33">glare</option> 
      <option value="v34">peep</option> 
     </select> 
     <p></p> 
     <button type="submit" name="submit" >GO</button> <input type="reset" value="Reset"> 
    </form> 
</body> 
</html> 

私は何が必要ですか?あなたは、<form action="lab4.php" method="POST">があることがわかります。私はこのフォームをPHPで使用しました。 PHPでは、私は3つの質問すべてから値を得、それを合計します。このように:if ($_POST[vop1] == v11){$sum++;}

最後に私はif ($sum == 3) echo "Very good, you have answered 3 questions!"またはif ($sum == 1) echo "Bad"のようなものを書きます。

このフォームを使用すると、JavaScriptを使用して同じことを行う必要があります。 PHPが行ったように、自分の価値を得るためのコードと、それを集計してJavaScriptで書くコードは何ですか?

答えて

2

HTMLページのソースコードを使用して回答をハックすることができるため、Javascriptを使用することはクイズには適していません。ご理解の目的のために

のみ、

オプション#1:

<script> 
    var sum=0; 
    function checkAns(){ 
    if(document.getElementByName('vop1').value=='v11') 
     sum++; 
    .... 
    .... 
</script> 

OR

オプション#2:

Javascriptを

<script> 
var sum=0; 
function checkq1(ans) { 
    if(ans=='v11') 
     sum++; 
} 
</script> 

HTML:

1. That man does look rather strange but you shouldn’t ______ at him. <br> 
<select name="vop1" style="width: 100px;" required onchange="checkq1(this.value)"> 
<option value=""></option> 
<option value="v11">glare</option> 
<option value="v12">blink</option> 
<option value="v13">stare</option> 
<option value="v14">frown</option> 
</select> 
関連する問題