Тема моего вопроса такова..
В университете преподаватель дал задание создать тест.я взял у него пример теста,но он не работает.Просидел над ним уже 3 дня и ничего не смог исправить.В итоге подошел к препаду и он тоже не знает в чем там проблема!Это меня добило!Надеюсь что вы мне поможете обнаружить проблемку!Спасибо!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Проверка на знание</title>
<style type="text/css">
html,body{
margin: 0px;
padding: 0px;
border: 0px;
}
body{
color: #000;
background: #fff;
font 75% Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
h1{
font-size:200%;
color: #fff;
background:green;
margin: 0px;
padding: 5px 20px;
}
form{
margin: 0px;
padding: 0px;
}
h2{
font-size: 150%;
color: #369;
margin: 10px 20px 5px;
}
p{
margin: 0px 50px;
}
p.buttons{
padding: 30px 0px;
}
#questions, #results
{
display: none;
}
</style>
</head>
<body onload="hideNoDHTML();">
<script type="text/javascript">
function hideNoDHTML()
{
document.getElementById('nodhtml').style.display='none';
showQuestions();
}
function showQuestions()
{
document.getElementById('questions').style.display='block';
document.getElementById('results').style.display='none';
}
function showResults()
{
var i = 0;
if(document.getElementById('choice12').checked==true)
{
i++;
}
if((document.getElementById('choice31').checked==true)&&
(document.getElementById('choice32').checked==false)&&
(document.getElementById('choice33').checked==true)&&
(document.getElementById('choice34').checked==false))
{
i++;
}
document.getElementById('questions').style.display='none';
document.getElementById('results').style.display='block';
document.getElementById('results')innerHTML ='<h2>Результаты теста</h2>\n<p>Количество правильных ответов:<strong>'+i+'</strong>.</p>';
if(i==2)
{
document.getElementById('results')innerHTML +='<p style="color:#096">Поздравляю,Вы показали отличный результат!</p>';
}
if(i==0)
{
document.getElementById('results')innerHTML +='<p style="color:#c00">Все очень плохо!</p>';
}
document.getElementById('results')innerHTML +='<p class="buttons"><input type="button" value="Вернутся к вопросам" onclick="showQuestions();"/></p>';
}
function getHelp()
{
document.getElementById('choice12').checked=true;
document.getElementById('choice31').checked=true;
document.getElementById('choice32').checked=false;
document.getElementById('choice33').checked=true;
document.getElementById('choice34').checked=false;
}
</script>
<h1>Заголовок</h1>
<div id="nodhtml">
<h2 style="color: #c00">Ошибка</h2>
<p>Вы используете устаревший браузер или же Java Script был отключен пользователем</p>
</div>
<div id="questions">
<form action=" ">
<h2>1. Вопрос с одним правильным ответом</h2>
<p><input type="radio" name="question1" id="choice11"/><label for="choice11">ответ 1</label></p>
<p><input type="radio" name="question1" id="choice12"/><label for="choice12">ответ 2</label></p>
<p><input type="radio" name="question1" id="choice13"/><label for="choice13">ответ 3</label></p>
<p><input type="radio" name="question1" id="choice14"/><label for="choice14">ответ 4</label></p>
<h2>2. Вопрос с несколькими правильными ответами</h2>
<p><input type="checkbox" id="choice31"/><label for="choice31"><ответ 1></label></p>
<p><input type="checkbox" id="choice32"/><label for="choice32"><ответ 2></label></p>
<p><input type="checkbox" id="choice33"/><label for="choice33"><ответ 3></label></p>
<p><input type="checkbox" id="choice34"/><label for="choice34"><ответ 4></label></p>
<p class="buttons"><input type="button" value="Показать результат" onclick="showResults();" />
<input type="button" value="Поксказать ответ" onclick="getHelp();"/>
<input type="reset" value="Очистить форму"/></p>
</form>
</div>
<div id="results"></div>
</body>
</html>
