Товарищи, помогите мне, не понимаю.
Как я могу сделать варианты ответа. Суть в том, что алгоритм у меня тупо линейный, то есть неважно, правильно я ввел текст или нет, все равно при нажатии на кнопку будет действовать один алгоритм. Как я могу сделать опцию, чтобы в случае неправильного ввода данных существовал еще один вариант алгоритма, то есть вариант “else”. А то у меня картинка переключается в любом случае, и мне надо, чтобы появлялись разные в случае правильного и неправильно введенного текста. Возможно был вариант true and false, короче, чтобы алгоритм понимал, что введено то то нужно и в соответствии с этим переключал задний план, а в сучае неправильно введенного - другой план.
<html>
<head><title>Тест</title>
<script type="text/javascript" src="data/data.js"></script>
<style>
p, span, input {
font-size:24px;
}
button{
font-size:18px;
}
#vo {
color:green;
}
#nvo {
color:red;
}
#ot {
color:blue;
}
</style>
</head>
<body style= "background-image: url(1.jpg);">
<div style="margin-left: auto;margin-right: auto;width: 600px;text-align:center;">
<p>Тест. Тема. <span id="tema"></span>.</p>
<div id="vopros1" style="display:block;">
<p>Вопрос 1</p>
<p><span id="v_1"></span> <input type="text" id="z_1"></p>
</div>
<div id="vopros2" style="display:none;">
<p>Вопрос 2</p>
<p><span id="v_2"></span> <input type="text" id="z_2"></p>
</div>
<div id="vopros3" style="display:none;">
<p>Вопрос 3</p>
<p><span id="v_3"></span> <input type="text" id="z_3"></p>
</div>
<button id="kn_sl" onclick="sled_vopr();">Следующий вопрос</button>
<button id="kn_pr" style="display:none;" onclick="proverit();">Проверить</button>
<div id="rezultat"></div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function(){
document.getElementById('v_1').innerHTML = vopros_1;
document.getElementById('v_2').innerHTML = vopros_2;
document.getElementById('v_3').innerHTML = vopros_3;
document.getElementById('tema').innerHTML = test;
});
function sled_vopr(){
if(document.getElementById('vopros2').style.display == "block"){
document.getElementById('vopros2').style.display = "none";
document.getElementById('vopros3').style.display = "block";
document.getElementById('kn_sl').style.display = "none";
document.getElementById('kn_pr').style.display = "block";
document.body.style.backgroundImage = 'url(1.jpg)';
}
if(document.getElementById('vopros1').style.display == "block"){
document.getElementById('vopros1').style.display = "none";
document.getElementById('vopros2').style.display = "block";
document.body.style.backgroundImage = 'url(0.jpg)';
}
}
function proverit(){
otv_uch_1 = document.getElementById('z_1').value;
otv_ucgenika_1 = otv_uch_1;
otv_uch_1 = kodirov(otv_uch_1);
otv_uch_2 = document.getElementById('z_2').value;
otv_ucgenika_2 = otv_uch_2;
otv_uch_2 = kodirov(otv_uch_2);
otv_uch_3 = document.getElementById('z_3').value;
otv_ucgenika_3 = otv_uch_3;
otv_uch_3 = kodirov(otv_uch_3);
ball = 0;
document.getElementById('vopros3').style.display = "none";
document.getElementById('kn_pr').style.display = "none";
if(otv_uch_1 == pr_otv_zadachi_1){
ball +=1;
otveti = "<span id='vo'>Вопрос 1. Вы ответили верно. Ваш ответ: "+otv_ucgenika_1+"</span>";
} else {
otveti = "<span id='nvo'>Вопрос 1. Вы ответили не верно. Ваш ответ: "+otv_ucgenika_1+"</span>";
}
if(otv_uch_2 == pr_otv_zadachi_2){
ball +=1;
otveti += "<br><span id='vo'>Вопрос 2. Вы ответили верно. Ваш ответ: "+otv_ucgenika_2+"</span>";
} else {
otveti += "<br><span id='nvo'>Вопрос 2. Вы ответили не верно. Ваш ответ: "+otv_ucgenika_2+"</span>";
}
if(otv_uch_3 == pr_otv_zadachi_3){
ball +=1;
otveti += "<br><span id='vo'>Вопрос 3. Вы ответили верно. Ваш ответ: "+otv_ucgenika_3+"</span>";
} else {
otveti += "<br><span id='nvo'>Вопрос 3. Вы ответили не верно. Ваш ответ: "+otv_ucgenika_3+"</span>";
}
vsego_zadach = 3;
procent_vip = ball/vsego_zadach * 100;
procent_vip = procent_vip.toFixed();
document.getElementById('rezultat').innerHTML = "<span id='ot'>Задания выполнены верно на "+procent_vip+"%.</span><br><br>"+otveti;
}
function kodirov(stroka) {
var b64ch = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg'+
'hijklmnopqrstuvwxyz0123456789+/=';
var b64enc = '';
var ch1, ch2, ch3;
var en1, en2, en3, en4;
for (var i=0; i<stroka.length;) {
ch1 = stroka.charCodeAt(i++);
ch2 = stroka.charCodeAt(i++);
ch3 = stroka.charCodeAt(i++);
en1 = ch1 >> 2;
en2 = ((ch1 & 3) << 4) | (ch2 >> 4);
en3 = isNaN(ch2) ? 64:(((ch2 & 15) << 2) | (ch3 >> 6));
en4 = isNaN(ch3) ? 64:(ch3 & 63);
b64enc += b64ch.charAt(en1) + b64ch.charAt(en2) +
b64ch.charAt(en3) + b64ch.charAt(en4);
}
return b64enc;
}
</script>
</body>
</html>