Важная информация
Показано с 1 по 2 из 2

Тема: счетчик на результаты теста. только учусь

  1. #1 счетчик на результаты теста. только учусь 
    Новичок
    Регистрация
    11.05.2016
    Сообщений
    2
    Сказал(а) спасибо
    0
    Поблагодарили 0 раз(а) в 0 сообщениях
    только учусь.. без подсказок никак
    нужно создать тест для проверки умножения и счетчик. который будет считать количество правильных ответов и в конце выведется информация об общем этом счете в процентном и числовом соотношении, используя сценарии JavaScript/

    Тест работает, а счетчик нет..запуталась в том как правильно записать...
    НЕ СЧИТАЕТ((( Как сделать чтоб он(счетчик) считал-работал правильно??


    JavaScript Code:
    1. <!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    2. <html><meta http-equiv="Content-Type" content="text/html; charset=utf8" />
    3. <head>
    4.     <meta charset="utf-8">
    5.     <title>Проверяем знание таблицы умножения</title>
    6.     <script type="text/javascript">
    7. var i=0;
    8. function getResults(){
    9.     if (form1.one[2].checked)
    10.     {
    11.         document.getElementById("result").innerHTML =
    12.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    13.         console.log("Правильный ответ");
    14.     i++; //счетчик      
    15.     }else{
    16.         document.getElementById("result").innerHTML =
    17.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    18.         console.log("Неправильный ответ");
    19.     }
    20. }
    21.  
    22. function getResults2(){
    23.     if ( form2.two[0].checked)  
    24.     {
    25.         document.getElementById("result2").innerHTML =
    26.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    27.         console.log("Правильный ответ");
    28.     i++; //счетчик      
    29.     }else{
    30.         document.getElementById("result2").innerHTML =
    31.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    32.         console.log("Неправильный ответ");
    33.     }
    34. }
    35.  
    36. function getResults3(){
    37.     if (form3.three[2].checked)  
    38.     { //alert("Правильный ответ");}
    39.         document.getElementById("result3").innerHTML =
    40.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    41.         console.log("Правильный ответ");
    42.     i++; //счетчик        
    43.     }else{
    44.         document.getElementById("result3").innerHTML =
    45.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    46.         console.log("Неправильный ответ");
    47.     }
    48. }
    49.  
    50. function getResults4(){
    51.     if (form4.four[2].checked)  
    52.     { //alert("Правильный ответ");}
    53.         document.getElementById("result4").innerHTML =
    54.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    55.         console.log("Правильный ответ");
    56.     i++;        
    57.     }else{
    58.         document.getElementById("result4").innerHTML =
    59.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    60.         console.log("Неправильный ответ");
    61.     }
    62. }
    63. function getResults5(){
    64.     if (form5.five[0].checked)
    65.     { //alert("Правильный ответ");}
    66.         document.getElementById("result5").innerHTML =
    67.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    68.         console.log("Правильный ответ");
    69.     i++; //счетчик          
    70.     }else{
    71.         document.getElementById("result5").innerHTML =
    72.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    73.         console.log("Неправильный ответ");
    74.     }
    75. }
    76.  
    77. function getResults6(){
    78.     if (form6.six[2].checked)
    79.     { //alert("Правильный ответ");}
    80.         document.getElementById("result6").innerHTML =
    81.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    82.         console.log("Правильный ответ");
    83.     i++; //счетчик  
    84.     }else{
    85.         document.getElementById("result6").innerHTML =
    86.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    87.         console.log("Неправильный ответ");
    88.     }
    89. }
    90.  
    91. function getResults7(){
    92.     if (form7.seven[1].checked)
    93.     { //alert("Правильный ответ");}
    94.         document.getElementById("result7").innerHTML =
    95.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    96.         console.log("Правильный ответ");
    97.     i++;    
    98.     }else{
    99.         document.getElementById("result7").innerHTML =
    100.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    101.         console.log("Неправильный ответ");
    102.     }
    103. }
    104.  
    105. function getResults8(){
    106.     if (form8.eight[2].checked)
    107.     { //alert("Правильный ответ");}
    108.         document.getElementById("result8").innerHTML =
    109.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    110.         console.log("Правильный ответ");
    111.     i++;  
    112.     }else{
    113.         document.getElementById("result8").innerHTML =
    114.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    115.         console.log("Неправильный ответ");
    116.     }
    117. }
    118.  
    119. function getResults9(){
    120.     if (form9.nine[0].checked)
    121.     { //alert("Правильный ответ");}
    122.         document.getElementById("result9").innerHTML =
    123.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    124.         console.log("Правильный ответ");
    125.     i++;    
    126.     }else{
    127.         document.getElementById("result9").innerHTML =
    128.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    129.         console.log("Неправильный ответ");
    130.     }
    131. }
    132.  
    133. function getResults10(){
    134.     if (form10.ten[1].checked)
    135.     { //alert("Правильный ответ");}
    136.         document.getElementById("result10").innerHTML =
    137.         '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
    138.         console.log("Правильный ответ");
    139.     i++;  
    140.     }else{
    141.         document.getElementById("result10").innerHTML =
    142.         '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
    143.         console.log("Неправильный ответ");
    144.         
    145.     }
    146. }
    147.         </script>
    148. </head>
    149. <body>
    150.  
    151.     Выберите правильный ответ: <br/>
    152.     <FORM ID="form1" NAME="form1">
    153.         <div>  
    154.             <p>3*1= </p>
    155.             <label> <input type="radio" name="one" value="0"/>2</label><br />
    156.             <label> <input type="radio" name="one" value="1"/>8</label><br />
    157.             <label> <input type="radio" name="one" value="2"/>3</label> <br />
    158.         </div>
    159.    </FORM>
    160.     <button onclick="getResults()">Проверить</button>
    161.     <br/>
    162.     <div id="result"></div>
    163.     
    164.     <FORM ID="form2" NAME="form2">
    165.        <hr/>
    166.        <div>  
    167.             <p>3*2= </p>
    168.             <label> <input type="radio" name="two" value="0"/>6</label><br />
    169.             <label> <input type="radio" name="two" value="1"/>9</label><br />
    170.             <label> <input type="radio" name="two" value="2"/>0</label> <br />
    171.        </div>
    172.     </FORM>
    173.     
    174.     <button onclick="getResults2()">Проверить</button>
    175.     <br/>
    176.     <div id="result2"></div>
    177.     
    178.     <FORM ID="form3" NAME="form3">
    179.        <hr/>
    180.        <div>  
    181.             <p>3*3= </p>
    182.             <label> <input type="radio" name="three" value="0"/>15</label><br />
    183.             <label> <input type="radio" name="three" value="1"/>7</label><br />
    184.             <label> <input type="radio" name="three" value="2"/>9</label> <br />
    185.         </div>
    186.     </FORM>    
    187.     
    188.     <button onclick="getResults3()">Проверить</button>
    189.     <br/>
    190.     <div id="result3"></div>
    191.     
    192.     <FORM ID="form4" NAME="form4">  
    193.        <hr/>
    194.        <div>  
    195.             <p>3*4= </p>
    196.             <label> <input type="radio" name="four" value="0"/>1</label><br />
    197.             <label> <input type="radio" name="four" value="1"/>11</label><br />
    198.             <label> <input type="radio" name="four" value="2"/>12</label> <br />
    199.         </div>
    200.     </FORM>
    201.     
    202.     <button onclick="getResults4()">Проверить</button>
    203.     <br/>
    204.     <div id="result4"></div>
    205.     
    206.     <FORM ID="form5" NAME="form5">
    207.        <hr/>
    208.        <div>  
    209.             <p>3*5= </p>
    210.             <label> <input type="radio" name="five" value="0"/>15</label><br />
    211.             <label> <input type="radio" name="five" value="1"/>5</label><br />
    212.             <label> <input type="radio" name="five" value="2"/>1</label> <br />
    213.         </div>
    214.     </FORM>
    215.     <button onclick="getResults5()">Проверить</button>
    216.     <br/>
    217.     <div id="result5"></div>
    218.     
    219.     <FORM ID="form6" NAME="form6">
    220.        <hr/>
    221.        <div>  
    222.             <p>3*6= </p>
    223.             <label> <input type="radio" name="six" value="0"/>10</label><br />
    224.             <label> <input type="radio" name="six" value="1"/>2</label><br />
    225.             <label> <input type="radio" name="six" value="2"/>18</label> <br />
    226.         </div>
    227.     </FORM>
    228.     
    229.     <button onclick="getResults6()">Проверить</button>
    230.     <br/>
    231.     <div id="result6"></div>
    232.     
    233.     <FORM ID="form7" NAME="form7">
    234.        <hr/>
    235.        <div>  
    236.             <p>3*7= </p>
    237.             <label> <input type="radio" name="seven" value="0"/>4</label><br />
    238.             <label> <input type="radio" name="seven" value="1"/>21</label><br />
    239.             <label> <input type="radio" name="seven" value="2"/>16</label> <br />
    240.         </div>
    241.     </FORM>
    242.     
    243.     <button onclick="getResults7()">Проверить</button>
    244.     <br/>
    245.     <div id="result7"></div>
    246.     
    247.     <FORM ID="form8" NAME="form8">
    248.        <hr/>
    249.        <div>  
    250.             <p>3*8= </p>
    251.             <label> <input type="radio" name="eight" value="0"/>8</label><br />
    252.             <label> <input type="radio" name="eight" value="1"/>19</label><br />
    253.             <label> <input type="radio" name="eight" value="2"/>24</label> <br />
    254.         </div>
    255.     </FORM>
    256.     <button onclick="getResults8()">Проверить</button>
    257.     <br/>
    258.     <div id="result8"></div>
    259.     
    260.     <FORM ID="form9" NAME="form9">
    261.        <hr/>
    262.        <div>  
    263.             <p>3*9= </p>
    264.             <label> <input type="radio" name="nine" value="0"/>27</label><br />
    265.             <label> <input type="radio" name="nine" value="1"/>28</label><br />
    266.             <label> <input type="radio" name="nine" value="2"/>11</label> <br />
    267.        </div>
    268.     </FORM>
    269.     <button onclick="getResults9()">Проверить</button>
    270.     <br/>
    271.     <div id="result9"></div>
    272.     
    273.     <FORM ID="form10" NAME="form10">
    274.        <hr/>
    275.        <div>  
    276.             <p>3*10= </p>
    277.             <label> <input type="radio" name="ten" value="0"/>29</label><br />
    278.             <label> <input type="radio" name="ten" value="1"/>30</label><br />
    279.             <label> <input type="radio" name="ten" value="2"/>41</label> <br />
    280.         </div>
    281.     </FORM>
    282.     
    283.     <button onclick="getResults10()">Проверить</button>
    284.     <br/>
    285.     <div id="result10"></div>
    286.     
    287.     
    288.     <script type="text/javascript">
    289. var i=0;
    290. if ( (form1.one[2].checked) || (form2.two[0].checked) || (form3.three[2].checked) || (form4.four[2].checked) || (form5.five[0].checked) || (form6.six[2].checked) || (form7.seven[1].checked) || (form8.eight[2].checked)|| (form9.nine[0].checked) || (form10.ten[1].checked))
    291.             { i++;}
    292. var s;
    293.  
    294.     s=(i*100)/10;//счет в процентном соотношении
    295.     document.write("Общий счет: "+ s +"%. ("+ i + " правильных ответов из 10)" );
    296.     </script>    
    297. </body>
    298. </html>
    Ответить с цитированием  
     

  2. #2  
    Администратор Аватар для rovico
    Регистрация
    17.04.2014
    Адрес
    Ярославль
    Сообщений
    245
    Сказал(а) спасибо
    17
    Поблагодарили 287 раз(а) в 162 сообщениях
    Записей в блоге
    2
    Уменьшите количество кода, объединив одинаковые методы/функции в одну функцию, вынесите код в отдельный .js файл и используйте удобный инструментарий для разработки - тогда быстро сможете находить свои ошибки.

    смотрим в начало
    JavaScript Code:
    1. var i=0;
    2. function getResults(){


    Далее ваш счётчик считает i++ для каждого верного ответа

    Смотрим в конец
    JavaScript Code:
    1. var i=0;
    2. if ( (form1.one[2].checked) || (form2.two[0].checked) || (form3.three[2].checked) || (form4.four[2].checked) || (form5.five[0].checked) || (form6.six[2].checked) || (form7.seven[1].checked) || (form8.eight[2].checked)|| (form9.nine[0].checked) || (form10.ten[1].checked))
    3.             { i++;}


    Последние строчки сначала сбрасывают счётчик на 0, а затем увеличивают его с 0 на 1 если на момент достижения начала этих строчек в одной из многочисленных форм отмечен какой-то результат. Так как достигается этот код сразу при отображении страницы, этот код никогда не отрабатывает, и i всегда равно 0;

    Из инструментария посоветую notepad++ и brackets.io и используйте консоль разработчика chrome/firefox (в вашем любимом браузере это F12) - там можно тестировать и выполнять код "на лету"
    Ответить с цитированием  
     

  3. 2 пользователя(ей) сказали cпасибо:

    >Quiet Snow< (12.05.2016), Free Admin (12.05.2016)

Информация о теме
Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Похожие темы

  1. Ответов: 0
    Последнее сообщение: 11.05.2016, 14:38
  2. Ответов: 3
    Последнее сообщение: 16.01.2015, 20:22
  3. Разработка 2 веб приложений, и не только
    от Паша Белугин в разделе Изготовление сайтов и дизайн
    Ответов: 0
    Последнее сообщение: 02.04.2014, 19:33
  4. Почему разные результаты.
    от JGalt в разделе Delphi
    Ответов: 1
    Последнее сообщение: 21.10.2013, 14:39
  5. Массивы и не только)
    от Виолетта в разделе QBasic
    Ответов: 7
    Последнее сообщение: 02.02.2011, 16:01
Ваши права
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •