Держи:
| Код | <!<!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://ru.vingrad.com/sozdat-testpodschitat-kol-vo-pravilnykh-otvetov-id573306dcae20159c608b4567#findElement_E7045_57331c5bae201539795cd204_0 |