VPF::создать тест,подсчитать кол-во правильных ответов

Marinusik

Дата 11.5.2016, 13:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 11.5.2016
Где: Донецк

Репутация: нет
Всего: нет

только учусь.. без подсказок никак
нужно создать тест для проверки умножения и счетчик. который будет считать количество правильных ответов и в конце выведется информация об общем этом счете в процентном и числовом соотношении, используя сценарии JavaScript/

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

Код


<!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<head>
    <meta charset="utf-8">
    <title>Проверяем знание таблицы умножения</title>

    <script type="text/javascript"> 
var i=0;
function getResults(){ 
    if (form1.one[2].checked) 
    { 
        document.getElementById("result").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик      
    }else{
        document.getElementById("result").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults2(){ 
    if ( form2.two[0].checked)  
    { 
        document.getElementById("result2").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик      
    }else{
        document.getElementById("result2").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults3(){ 
    if (form3.three[2].checked)  
    { //alert("Правильный ответ");}
        document.getElementById("result3").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик        
    }else{
        document.getElementById("result3").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults4(){ 
    if (form4.four[2].checked)  
    { //alert("Правильный ответ");}
        document.getElementById("result4").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;        
    }else{
        document.getElementById("result4").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
function getResults5(){ 
    if (form5.five[0].checked) 
    { //alert("Правильный ответ");}
        document.getElementById("result5").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик          
    }else{
        document.getElementById("result5").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults6(){ 
    if (form6.six[2].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result6").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик   
    }else{
        document.getElementById("result6").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults7(){ 
    if (form7.seven[1].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result7").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;    
    }else{
        document.getElementById("result7").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults8(){ 
    if (form8.eight[2].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result8").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;   
    }else{
        document.getElementById("result8").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults9(){ 
    if (form9.nine[0].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result9").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;    
    }else{
        document.getElementById("result9").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults10(){ 
    if (form10.ten[1].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result10").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;   
    }else{
        document.getElementById("result10").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
        
    }
}

        </script>
</head>

<body>
 
    Выберите правильный ответ: <br/> 
    <FORM ID="form1" NAME="form1">
        <div>   
            <p>3*1= </p>
            <label> <input type="radio" name="one" value="0"/>2</label><br />
            <label> <input type="radio" name="one" value="1"/>8</label><br />
            <label> <input type="radio" name="one" value="2"/>3</label> <br />
        </div>
   </FORM> 
    <button onclick="getResults()">Проверить</button>
    <br/>
    <div id="result"></div>
    
    <FORM ID="form2" NAME="form2">
       <hr/>
       <div>   
            <p>3*2= </p>
            <label> <input type="radio" name="two" value="0"/>6</label><br />
            <label> <input type="radio" name="two" value="1"/>9</label><br />
            <label> <input type="radio" name="two" value="2"/>0</label> <br />
       </div> 
    </FORM> 
    
    <button onclick="getResults2()">Проверить</button>
    <br/>
    <div id="result2"></div>
    
    <FORM ID="form3" NAME="form3">
       <hr/>
       <div>   
            <p>3*3= </p>
            <label> <input type="radio" name="three" value="0"/>15</label><br />
            <label> <input type="radio" name="three" value="1"/>7</label><br />
            <label> <input type="radio" name="three" value="2"/>9</label> <br />
        </div> 
    </FORM>    
    
    <button onclick="getResults3()">Проверить</button>
    <br/>
    <div id="result3"></div>
    
    <FORM ID="form4" NAME="form4">  
       <hr/>
       <div>   
            <p>3*4= </p>
            <label> <input type="radio" name="four" value="0"/>1</label><br />
            <label> <input type="radio" name="four" value="1"/>11</label><br />
            <label> <input type="radio" name="four" value="2"/>12</label> <br />
        </div> 
    </FORM> 
    
    <button onclick="getResults4()">Проверить</button>
    <br/>
    <div id="result4"></div>
    
    <FORM ID="form5" NAME="form5"> 
       <hr/>
       <div>   
            <p>3*5= </p>
            <label> <input type="radio" name="five" value="0"/>15</label><br />
            <label> <input type="radio" name="five" value="1"/>5</label><br />
            <label> <input type="radio" name="five" value="2"/>1</label> <br />
        </div> 
    </FORM>

    <button onclick="getResults5()">Проверить</button>
    <br/>
    <div id="result5"></div>
    
    <FORM ID="form6" NAME="form6"> 
       <hr/>
       <div>   
            <p>3*6= </p>
            <label> <input type="radio" name="six" value="0"/>10</label><br />
            <label> <input type="radio" name="six" value="1"/>2</label><br />
            <label> <input type="radio" name="six" value="2"/>18</label> <br />
        </div> 
    </FORM>
    
    <button onclick="getResults6()">Проверить</button>
    <br/>
    <div id="result6"></div>
    
    <FORM ID="form7" NAME="form7"> 
       <hr/>
       <div>   
            <p>3*7= </p>
            <label> <input type="radio" name="seven" value="0"/>4</label><br />
            <label> <input type="radio" name="seven" value="1"/>21</label><br />
            <label> <input type="radio" name="seven" value="2"/>16</label> <br />
        </div>
    </FORM>
    
    <button onclick="getResults7()">Проверить</button>
    <br/>
    <div id="result7"></div>
    
    <FORM ID="form8" NAME="form8"> 
       <hr/>
       <div>   
            <p>3*8= </p>
            <label> <input type="radio" name="eight" value="0"/>8</label><br />
            <label> <input type="radio" name="eight" value="1"/>19</label><br />
            <label> <input type="radio" name="eight" value="2"/>24</label> <br />
        </div>
    </FORM>

    <button onclick="getResults8()">Проверить</button>
    <br/>
    <div id="result8"></div>
    
    <FORM ID="form9" NAME="form9">
       <hr/>
       <div>   
            <p>3*9= </p>
            <label> <input type="radio" name="nine" value="0"/>27</label><br />
            <label> <input type="radio" name="nine" value="1"/>28</label><br />
            <label> <input type="radio" name="nine" value="2"/>11</label> <br />
       </div>
    </FORM>

    <button onclick="getResults9()">Проверить</button>
    <br/>
    <div id="result9"></div>
    
    <FORM ID="form10" NAME="form10">
       <hr/>
       <div>   
            <p>3*10= </p>
            <label> <input type="radio" name="ten" value="0"/>29</label><br />
            <label> <input type="radio" name="ten" value="1"/>30</label><br />
            <label> <input type="radio" name="ten" value="2"/>41</label> <br />
        </div>
    </FORM> 
     
    <button onclick="getResults10()">Проверить</button>
    <br/>
    <div id="result10"></div>
    
    
    <script type="text/javascript"> 
var i=0;
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)) 
            { i++;}
var s;
 
    s=(i*100)/10;//счет в процентном соотношении
    document.write("Общий счет: "+ s +"%. ("+ i + " правильных ответов из 10)" );
    </script>    
</body>
</html>

igorold

Дата 11.5.2016, 14:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: нет
Всего: 17

Держи:

Код


<!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<head>
    <meta charset="utf-8">
    <title>Проверяем знание таблицы умножения</title>
 
    <script type="text/javascript"> 
var i=0;
var chk = [0,0,0,0,0,0,0,0,0,0]
function chkResults()
{
    var proc = 0;
    var answ = 0;
    for(var i=0; i<10; i++)
    {
    if (chk[i] == 1)
    {
        answ++;
    }
    }
    var proc=answ*10;//счет в процентном соотношении
    document.getElementById("resultall").innerHTML = 'Общий счет: '+ proc +'%. ('+ answ + ' правильных ответов из 10)';
}
function getResults(){ 
    if (form1.one[2].checked) 
    { 
        document.getElementById("result").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[0] = 1;
    }else{
        document.getElementById("result").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[0] = 0;
    }
    chkResults();
}
  
function getResults2(){ 
    if ( form2.two[0].checked)  
    { 
        document.getElementById("result2").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[1] = 1;
    }else{
        document.getElementById("result2").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[1] = 0;
    }
    chkResults();
}
  
function getResults3(){ 
    if (form3.three[2].checked)  
    { //alert("Правильный ответ");}
        document.getElementById("result3").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[2] = 1;
    }else{
        document.getElementById("result3").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[2] = 0;
    }
    chkResults();
}
  
function getResults4(){ 
    if (form4.four[2].checked)  
    { //alert("Правильный ответ");}
        document.getElementById("result4").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[3] = 1;
    }else{
        document.getElementById("result4").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[3] = 0;
    }
    chkResults();
}
function getResults5(){ 
    if (form5.five[0].checked) 
    { //alert("Правильный ответ");}
        document.getElementById("result5").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[4] = 1;
    }else{
        document.getElementById("result5").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[4] = 0;
    }
    chkResults();
}
  
function getResults6(){ 
    if (form6.six[2].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result6").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[5] = 1;
    }else{
        document.getElementById("result6").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[5] = 0;
    }
    chkResults();
}
  
function getResults7(){ 
    if (form7.seven[1].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result7").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[6] = 1;
    }else{
        document.getElementById("result7").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[0] = 1;
    }
    chkResults();
}
  
function getResults8(){ 
    if (form8.eight[2].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result8").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[7] = 1;
    }else{
        document.getElementById("result8").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[7] = 0;
    }
    chkResults();
}
  
function getResults9(){ 
    if (form9.nine[0].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result9").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[8] = 1;
    }else{
        document.getElementById("result9").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[8] = 0;
    }
    chkResults();
}
  
function getResults10(){ 
    if (form10.ten[1].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result10").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
     chk[9] = 1;
    }else{
        document.getElementById("result10").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
     chk[9] = 0;
    }
    chkResults();
}
 
        </script>
</head>
 
<body>
  
    Выберите правильный ответ: 
  
    <FORM ID="form1" NAME="form1">
        <div>   
            <p>3*1= </p>
            <label> <input type="radio" name="one" value="0"/>2</label>
 
            <label> <input type="radio" name="one" value="1"/>8</label>
 
            <label> <input type="radio" name="one" value="2"/>3</label> 
 
        </div>
   </FORM> 
    <button onclick="getResults()">Проверить</button>
     
 
    <div id="result"></div>
     
    <FORM ID="form2" NAME="form2">
       <hr/>
       <div>   
            <p>3*2= </p>
            <label> <input type="radio" name="two" value="0"/>6</label>
 
            <label> <input type="radio" name="two" value="1"/>9</label>
 
            <label> <input type="radio" name="two" value="2"/>0</label> 
 
       </div> 
    </FORM> 
     
    <button onclick="getResults2()">Проверить</button>
     
 
    <div id="result2"></div>
     
    <FORM ID="form3" NAME="form3">
       <hr/>
       <div>   
            <p>3*3= </p>
            <label> <input type="radio" name="three" value="0"/>15</label>
 
            <label> <input type="radio" name="three" value="1"/>7</label>
 
            <label> <input type="radio" name="three" value="2"/>9</label> 
 
        </div> 
    </FORM>    
     
    <button onclick="getResults3()">Проверить</button>
     
 
    <div id="result3"></div>
     
    <FORM ID="form4" NAME="form4">  
       <hr/>
       <div>   
            <p>3*4= </p>
            <label> <input type="radio" name="four" value="0"/>1</label>
 
            <label> <input type="radio" name="four" value="1"/>11</label>
 
            <label> <input type="radio" name="four" value="2"/>12</label> 
 
        </div> 
    </FORM> 
     
    <button onclick="getResults4()">Проверить</button>
     
 
    <div id="result4"></div>
     
    <FORM ID="form5" NAME="form5"> 
       <hr/>
       <div>   
            <p>3*5= </p>
            <label> <input type="radio" name="five" value="0"/>15</label>
 
            <label> <input type="radio" name="five" value="1"/>5</label>
 
            <label> <input type="radio" name="five" value="2"/>1</label> 
 
        </div> 
    </FORM>
 
    <button onclick="getResults5()">Проверить</button>
     
 
    <div id="result5"></div>
     
    <FORM ID="form6" NAME="form6"> 
       <hr/>
       <div>   
            <p>3*6= </p>
            <label> <input type="radio" name="six" value="0"/>10</label>
 
            <label> <input type="radio" name="six" value="1"/>2</label>
 
            <label> <input type="radio" name="six" value="2"/>18</label> 
 
        </div> 
    </FORM>
     
    <button onclick="getResults6()">Проверить</button>
     
 
    <div id="result6"></div>
     
    <FORM ID="form7" NAME="form7"> 
       <hr/>
       <div>   
            <p>3*7= </p>
            <label> <input type="radio" name="seven" value="0"/>4</label>
 
            <label> <input type="radio" name="seven" value="1"/>21</label>
 
            <label> <input type="radio" name="seven" value="2"/>16</label> 
 
        </div>
    </FORM>
     
    <button onclick="getResults7()">Проверить</button>
     
 
    <div id="result7"></div>
     
    <FORM ID="form8" NAME="form8"> 
       <hr/>
       <div>   
            <p>3*8= </p>
            <label> <input type="radio" name="eight" value="0"/>8</label>
 
            <label> <input type="radio" name="eight" value="1"/>19</label>
 
            <label> <input type="radio" name="eight" value="2"/>24</label> 
 
        </div>
    </FORM>
 
    <button onclick="getResults8()">Проверить</button>
     
 
    <div id="result8"></div>
     
    <FORM ID="form9" NAME="form9">
       <hr/>
       <div>   
            <p>3*9= </p>
            <label> <input type="radio" name="nine" value="0"/>27</label>
 
            <label> <input type="radio" name="nine" value="1"/>28</label>
 
            <label> <input type="radio" name="nine" value="2"/>11</label> 
 
       </div>
    </FORM>
 
    <button onclick="getResults9()">Проверить</button>
     
 
    <div id="result9"></div>
     
    <FORM ID="form10" NAME="form10">
       <hr/>
       <div>   
            <p>3*10= </p>
            <label> <input type="radio" name="ten" value="0"/>29</label>
 
            <label> <input type="radio" name="ten" value="1"/>30</label>
 
            <label> <input type="radio" name="ten" value="2"/>41</label> 
 
        </div>
    </FORM> 
      
    <button onclick="getResults10()">Проверить</button>
     
 
    <div id="result10"></div>
     
    <div id="resultall">
    Общий счет: 0%. 0 правильных ответов из 10;
    </div>

</body>
</html>

Этот ответ добавлен с нового Винграда - http://vingrad.com

igorold

Дата 11.5.2016, 14:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: нет
Всего: 17

Я бы вам еще рекомендовал бы блокировать проверяемые инпуты, чтобы не подбирали ответ ... либо блокировать кнопки "Проверить"

Этот ответ добавлен с нового Винграда - http://vingrad.com

Добавлено через 12 минут
Если не поняли, почему у вас не работало - спрашивайте.

--------------------

... у семи нянек 14 сисек ...
Putin here, Putin there, Putin almost everywhere!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »