Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Модернизация теста с возможностью нескольких правильных ответов (https://javascript.ru/forum/misc/53246-modernizaciya-testa-s-vozmozhnostyu-neskolkikh-pravilnykh-otvetov.html)

PinokPodZad 26.01.2015 18:22

Модернизация теста с возможностью нескольких правильных ответов
 
Добрый день!
Прошу Вашей помощи!
В скриптах я впервые, но в принципе поверхностный смысл уловил, но синтаксис неизвестен.
Во общем нашел необходимый код - Имеем тест, допилил его под свое кол-во вопросов и вариантов ответа, но есть один нюанс - в образце в качестве правильного ответа мог быть только один вариант ответа , а мне для решения поставленной задачи необходимо в нескольких вопросах иметь несколько правильных вариантов ответа в одном вопросе.
прошу допилить мой код, или как то оооочень просто описать решение, или ткнуть носом в ссылку...

За ранее спасибо!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Тест по электробезопасности</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META content="Автор" name=Author>
<SCRIPT language=JavaScript>
<!-- hide
 
var 
scrtxt = "Бегущая строка" ; 
 
var length = scrtxt.length;
var width = 100;
var pos = -(width + 2);
 
 
function scroll() {
  pos++;
  var scroller = "";
  if (pos == length) 
{
    pos = -(width + 2);
  }
 
  if (pos < 0) {
    for (var i = 1; i <= Math.abs(pos); i++) 
{
      scroller = scroller+" ";}
    scroller = scroller + scrtxt.substring(0, width - i + 1);
 
 
  }
  else {
    scroller = scroller + scrtxt.substring(pos, width + pos);
  }
 
 
  window.status = scroller;
  setTimeout("scroll()", 100);
}
 
// -->
</SCRIPT>
 
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=white onload=scroll()>
<SCRIPT language=JavaScript>
 
<!--Начало сценария
 
var res="111111111"
 
function check_me()
<!--вместо "111111" нужно вставить последовательность правильных ответов
{
    var count=0
    with(document.test)
    
{
 
if (!Q1[0].checked&&!Q1[1].checked&&!Q1[2].checked&&!Q1[3].checked&&!Q1[4].checked) 
{count+=1};
        if (!Q2[0].checked&&!Q2[1].checked&&!Q2[2].checked&&!Q2[3].checked&&!Q2[4].checked) 
{count+=1};
        if (!Q3[0].checked&&!Q3[1].checked&&!Q3[2].checked&&!Q3[3].checked&&!Q3[4].checked) 
{count+=1};
        if (!Q4[0].checked&&!Q4[1].checked&&!Q4[2].checked&&!Q4[3].checked&&!Q4[4].checked) 
{count+=1};
        if (!Q5[0].checked&&!Q5[1].checked&&!Q5[2].checked&&!Q5[3].checked&&!Q5[4].checked) 
{count+=1};
        if (!Q6[0].checked&&!Q6[1].checked&&!Q6[2].checked&&!Q6[3].checked&&!Q6[4].checked)
{count+=1};
        if (!Q7[0].checked&&!Q7[1].checked&&!Q7[2].checked&&!Q7[3].checked&&!Q7[4].checked)
{count+=1};
        if (!Q8[0].checked&&!Q8[1].checked&&!Q8[2].checked&&!Q8[3].checked&&!Q8[4].checked)
{count+=1};
        if (!Q9[0].checked&&!Q9[1].checked&&!Q9[2].checked&&!Q9[3].checked&&!Q9[4].checked)
          <!--скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив Q6 на Q7, Q8 и т.д если добавляете количество вопросов
 
{count+=1};
        if (count>0) <!-- Вычисление и проверка все ли задания выполнены -->
{alert("Вы выполнили не все задания. Проверьте себя.")
} 
        else answer()
    }
}
 
function control(k,f1,f2,f3,f4,f5,f6,f7,f8,f9)
 <!-- добавьте переменные f7, f8,... в зависимости от количества вопросов
{
    
if (k==1&&f1.checked) return true;
    
if (k==2&&f2.checked) return true;
    
if (k==3&&f3.checked) return true;
    
if (k==4&&f4.checked) return true;
    
if (k==5&&f5.checked) return true;
    
if (k==6&&f6.checked) return true;
 
if (k==7&&f7.checked) return true;
 
if (k==8&&f8.checked) return true;
 
if (k==9&&f9.checked) return true;
<!--скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив 6 на 7, 8 и т.д если добавляете количество вопросов  
 
return false;
}
 
function answer()
{
    
answ="";
    with(document)
    {
        
answ+=control(res.charAt(0),test.Q1[0],test.Q1[1],test.Q1[2],test.Q1[3],test.Q1[4])?"1":"0"
        
answ+=control(res.charAt(1),test.Q2[0],test.Q2[1],test.Q2[2],test.Q2[3],test.Q2[4])?"1":"0"
        
answ+=control(res.charAt(2),test.Q3[0],test.Q3[1],test.Q3[2],test.Q3[3],test.Q3[4])?"1":"0"
        
answ+=control(res.charAt(3),test.Q4[0],test.Q4[1],test.Q4[2],test.Q4[3],test.Q4[4])?"1":"0"
        
answ+=control(res.charAt(4),test.Q5[0],test.Q5[1],test.Q5[2],test.Q5[3],test.Q5[4])?"1":"0"
        
answ+=control(res.charAt(5),test.Q6[0],test.Q6[1],test.Q6[2],test.Q6[3],test.Q6[4])?"1":"0"
 
answ+=control(res.charAt(6),test.Q7[0],test.Q7[1],test.Q7[2],test.Q7[3],test.Q7[4])?"1":"0"
 
answ+=control(res.charAt(7),test.Q8[0],test.Q8[1],test.Q8[2],test.Q8[3],test.Q8[4])?"1":"0"
 
answ+=control(res.charAt(8),test.Q9[0],test.Q9[1],test.Q9[2],test.Q9[3],test.Q9[4])?"1":"0"
<!--скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив 5 на 6, 7 и т.д если добавляете количество вопросов      
<!--Анализ результатов -->      
showResult();
    }
}
 
function showResult()
{
    var nok=0;
    var i,s;
    
for (i=0;i<answ.length;i++) {nok+=answ.charAt(i)=="1"?1:0;}
                  
if(nok<3) s='"НЕДОПУСТИМО!!!"';
                  
if(nok==3) s='"СМЕРТЕЛЬНО ОПАСНО!!!"';
    
if(nok>3 && nok<7) s='"УЖАСНО!!!"';
    
if(nok==7) s='"ПЛОХО!!!"';
    
if(nok>7 && nok<9) s='"ХОРОШО!!!"';
    
if(nok==9) s='"ОТЛИЧНО!!!"';
    document.test.s1.
value="Количество правильных ответов "+nok+". Ваша оценка "+s+". Загляните в окно рядом с номером задания. Если ответ правильный, то там (+). Если Вы ошиблись, там (-).";
    
 
with(document.test)
    {
        if (answ.charAt(0)=="1") {T1.value=" +"} else {T1.value=" -"};
    
                    if (answ.charAt(1)=="1") {T2.value=" +"} else {T2.value=" -"};
    
                    if (answ.charAt(2)=="1") {T3.value=" +"} else {T3.value=" -"};
    
                    if (answ.charAt(3)=="1") {T4.value=" +"} else {T4.value=" -"};
    
                    if (answ.charAt(4)=="1") {T5.value=" +"} else {T5.value=" -"};
    
                    if (answ.charAt(5)=="1") {T6.value=" +"} else {T6.value=" -"};
                    
                    if (answ.charAt(6)=="1") {T7.value=" +"} else {T7.value=" -"};
                    
                    if (answ.charAt(7)=="1") {T8.value=" +"} else {T8.value=" -"};
                    
                    if (answ.charAt(8)=="1") {T9.value=" +"} else {T9.value=" -"};
    
                    
                                        }
}
 
</SCRIPT>
 
<FORM name=test>
<CENTER><FONT face=Arial,Helvetica,sans-serif color=#000099>
<H3>Название теста </H3></CENTER>
<OL>
  
<LI>
  <H4><INPUT size=1 name=T1> 
  Вопрос 1 </H4>
  <INPUT type=radio name=Q1>
  ответ 1.1 <BR>
<INPUT type=radio name=Q1> 
ответ 2.1.
<BR>
<INPUT type=radio name=Q1>
ответ 3.1 <BR>
<INPUT type=radio name=Q1> ответ 4.1 <BR>
  <INPUT type=radio name=Q1>
  ответ 5.1 <BR>
 <BR>
<LI>
  <H4><INPUT size=1 name=T2> Вопрос 2 </H4>
<INPUT type=radio name=Q2> ответ 1.2 <BR>
<INPUT type=radio name=Q2> ответ 2.2 <BR>
<INPUT type=radio name=Q2> ответ 3.2 <BR>
<INPUT type=radio name=Q2> ответ 4.2 <BR>
<INPUT type=radio name=Q2> ответ 5.5 <BR><BR>
<LI>
  <H4><INPUT size=1 name=T3> Вопрос 3 </H4>
<INPUT type=radio name=Q3> ответ 1.3 <BR>
<INPUT type=radio name=Q3> ответ 2.3 <BR>
<INPUT type=radio name=Q3> ответ 3.3 <BR>
<INPUT type=radio name=Q3> ответ 4.3 <BR>
<INPUT type=radio name=Q3> ответ 5.3 <BR><BR>
<LI>
  <H4><INPUT size=1 name=T4> Вопрос 4 </H4>
<INPUT type=radio name=Q4> ответ 1.4 <BR>
<INPUT type=radio name=Q4> ответ 2.4 <BR>
<INPUT type=radio name=Q4> ответ 3.4 <BR>
<INPUT type=radio name=Q4> ответ 4.4 <BR>
<INPUT type=radio name=Q4> ответ 5.4 <BR><BR>
<LI>
  <H4><INPUT size=1 name=T5> Вопрос 5 </H4>
<INPUT type=radio name=Q5> ответ 1.5 <BR>
<INPUT type=radio name=Q5> ответ 2.5 <BR>
<INPUT type=radio name=Q5> ответ 3.5 <BR>
<INPUT type=radio name=Q5> ответ 4.5 <BR>
<INPUT type=radio name=Q5> ответ 5.5 <BR><BR>
<LI>
  <H4><INPUT size=1 name=T6> Вопрос 6 </H4>
<INPUT type=radio name=Q6> ответ 1.6 <BR>
<INPUT type=radio name=Q6> ответ 2.6 <BR>
<INPUT type=radio name=Q6> ответ 3.6 <BR>
<INPUT type=radio name=Q6> ответ 4.6 <BR>
<INPUT type=radio name=Q6> ответ 5.6 <BR><BR>
 
<LI>
  <H4><INPUT size=1 name=T7> Вопрос 7 </H4>
<INPUT type=radio name=Q7> ответ 1.7 <BR>
<INPUT type=radio name=Q7> ответ 2.7 <BR>
<INPUT type=radio name=Q7> ответ 3.7 <BR>
<INPUT type=radio name=Q7> ответ 4.7 <BR>
<INPUT type=radio name=Q7> ответ 5.7 <BR><BR>
 
<LI>
  <H4><INPUT size=1 name=T8> Вопрос 8 </H4>
<INPUT type=radio name=Q8> ответ 1.8 <BR>
<INPUT type=radio name=Q8> ответ 2.8 <BR>
<INPUT type=radio name=Q8> ответ 3.8 <BR>
<INPUT type=radio name=Q8> ответ 4.8 <BR>
<INPUT type=radio name=Q8> ответ 5.8 <BR><BR>
 
<LI>
  <H4><INPUT size=1 name=T9> Вопрос 9 </H4>
<INPUT type=radio name=Q9> ответ 1.9 <BR>
<INPUT type=radio name=Q9> ответ 2.9 <BR>
<INPUT type=radio name=Q9> ответ 3.9 <BR>
<INPUT type=radio name=Q9> ответ 4.9 <BR>
<INPUT type=radio name=Q9> ответ 5.9 <BR>
</LI></OL>
<BR>
<CENTER>
<P><TEXTAREA name=s1 rows=4 cols=70> </TEXTAREA> </P><INPUT onclick=check_me() 
type=button value="Показать результат">&nbsp;&nbsp;&nbsp;&nbsp; 
<INPUT type=reset value="Сбросить ответы"> </CENTER><BR><BR></FORM>
<P>
<H5>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;© " 2015</H5>
<P></P></FONT></BODY></HTML>


как видите в начале кода указаны правильные ответы последовательно

var res="111111111"

тоесть если ответить на все вопросы "1" вариант ответа то ответ будет расценен как правильный , вот как сделать что бы там как бы несколько можно было выбирать, как понимаю при этом нужно еще изменить кнопку выбора варианта...так как выбирая тот или иной в одном и том же вопросе "бегунок" как бы перепрыгивает.

рони 26.01.2015 18:30

PinokPodZad,
ваш код ужасен
и как вы собираитесь отмечать несколько type=radio в одном ответе?

PinokPodZad 26.01.2015 18:35

спасибо за скорый ответ!
я никогда не отличался оптимальностью написания кода )))
но протестировав его - я понял что он работает, для меня на этом этапе этого достаточно. Единственное он работает не совсем так как хотелось бы, и остается задача допилить его так, что бы он заработал.

про type=radio вы правы, но я совершенно не знаю как это изменить, всё что я делал это в дримвивере воял пару сайтиков "визиток", так что код читаю на уровне интуиции, имея маленький опыт 1С,С#... потому и обратился за помощью...

PinokPodZad 26.01.2015 18:48

Короч как допилить его так, что бы в тех вопросах где несколько ответов был checkbox , и соответсвенно с него считывало правильные выбраны или нет, например правильный ответ 1,2,5 если хотя бы один не указан или указаны еще другие то в общем итоге ответ считается не правильным, и в конце со всеми засчитывается либо верный либо нет

рони 26.01.2015 19:32

PinokPodZad,
Ваш вопрос из разряда работа

PinokPodZad 26.01.2015 19:37

неужели там много пилить? ... что то мне подсказывает что не так уж и много...

tsigel 26.01.2015 19:39

PinokPodZad,
Вопрос даже не столько в объеме нового кода и правок, сколько в копании в говнокоде. Проще переписать с нуля чем исправить. Солидарен с рони.

PinokPodZad 26.01.2015 19:49

ну я думаю такая проблема возникала не только у меня, может быть вы ткнете носом в форум (искал не смог найти), может быть у вас есть кусок своего кода, я попробую допилить...
ну а в целом сам код писал не я, я всего лишь допилил. Про качество ручаться не могу, но подобный нашел в двух источниках на просторах...

рони 26.01.2015 20:38

PinokPodZad,
есть темы подобные вашей на форуме - надо искать ...
а так сначала делается обьект с вопросами а на основании его генерится html -- но в конечном счёте всё упрётся что сами ответы будут заложены в скрипте и их можно будет подсмотреть

PinokPodZad 26.01.2015 20:59

рони,
Цели спрятать ответы не стоит...так же нет цели в оптимальности кода...есть лишь необходимость в работоспособности.


Часовой пояс GMT +3, время: 09:00.