私はフォームを持っているHTMLとJavaScript

からフォームを使ってクイズを作成し、ここにある：私はフォームを持っている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で書くコードは何ですか？

出典

2016-11-07 Станислав Строянецкий

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

のみ、

オプション＃1：

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

オプション＃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>

出典

2016-11-08 05:53:45 Kumar

私はフォームを持っているHTMLとJavaScript

答えて

関連する問題