JavaScript тест(не обычный)

Discussion in 'PHP' started by VoiseX1, 4 Jun 2015.

  1. VoiseX1

    VoiseX1 New Member

    Joined:
    4 Jun 2015
    Messages:
    1
    Likes Received:
    0
    Reputations:
    0
    Здравствуйте! Пишу диплом, и так сложилось, что нужен тест на JavaScript(который я как раз и не знаю). Тест не простой, а золотой, нужно, чтобы пользователь выбирал какие у него ошибки в системе(например: "компьютер долго грузится" => Ответ "Вам нужно использовать следующие программы") Причем результат должен быть не во всплывающем окне, а на самой странице, чтобы можно было разместить ссылки, описание и тд. Ну и желательно так, чтобы код был редактируемым не знающему JavaScript человеку. Спасибо.

    Вот я тут редактировал один пример и столкнулся с такой проблемой. Выводятся балы на экран и ответ из 3 вариантов только один. Можно ли сделать так, чтобы каждый ответ - это определенный бал, потом балы суммируются и открывается определенная страница. например после теста юзер набрал 13 баллов и открылась 13.html страничка. И как это сделать?
    <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
    <html>
    <head>
    <meta http-equiv='Content-Type' content='text/html; charset=utf8'>
    <link rel="stylesheet" href="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/stylepromer.css" type="text/css" />
    <title>Ручной анализ</title>
    </head>
    <body>

    <style type="text/css">

    .wrapper{
    width: 600px;
    height: 130px;
    margin: 0 auto;
    display: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    }

    </style>

    <script type="text/javascript">

    var countQuest = 0;
    var plus = 0;
    var test_start = 0;

    function check(num){

    if(num == 4){

    document.getElementById('area').style.display='block'; //
    document.getElementById('start').style.display='none';
    document.getElementById('end').style.display='inline';

    if(test_start == 0){

    //Массив вопросов
    var questions = ["Определите проблему 1","Определите проблему 2","Определите проблему 3"];

    //Массивы вариантов ответов
    var number1 = ["Компьютер долго загружается","Не работают устройста(Монитор,принтер и тд.)","Компьютер часто зависает и перезагружается"];
    var number2 = ["Вирусы в компьютере","Файлы не открываются или зашифрованы","Все сразу"];
    var number3 = ["Компьютер долго выполняет команды","Компьютер не загружается","Компьютер не читает диск/флешку"];
    var number4 = ["Всё сразу","Все сразу","Нет моего варианта"];

    document.getElementById('question').innerHTML=questions[countQuest];

    document.getElementById('option1').innerHTML=number1[countQuest];
    document.getElementById('option2').innerHTML=number2[countQuest];
    document.getElementById('option3').innerHTML=number3[countQuest];
    document.getElementById('option4').innerHTML=number4[countQuest];

    //Массив правильных ответов
    var answer = [1,0,3,1];

    test_start = 1;
    }
    }
    else{
    //Массив вопросов
    var questions = ["Определите проблему 1","Определите проблему 2","Определите проблему 3"];

    //Массивы вариантов ответов
    var number1 = ["Компьютер долго загружается","Не работают устройста(Монитор,принтер и тд.)","Компьютер часто зависает и перезагружается"];
    var number2 = ["Вирусы в компьютере","Файлы не открываются или зашифрованы","Все сразу"];
    var number3 = ["Компьютер долго выполняет команды","Компьютер не загружается","Компьютер не читает диск/флешку"];
    var number4 = ["Всё сразу","Все сразу","Нет моего варианта"];


    //Массив правильных ответов
    var answer = [1,0,3,1];

    if(num == answer[countQuest]) plus++;

    if(questions.length - 1> countQuest){

    countQuest++;

    document.getElementById('question').innerHTML=questions[countQuest];

    document.getElementById('option1').innerHTML=number1[countQuest];
    document.getElementById('option2').innerHTML=number2[countQuest];
    document.getElementById('option3').innerHTML=number3[countQuest];
    document.getElementById('option4').innerHTML=number4[countQuest];

    }
    else{

    document.getElementById('area').style.display='none';
    document.write('Для решения вашей проблемы существуют следующие программы: ' + plus + ' правильных ответа!');
    }
    }
    }
    </script>

    <div style="margin-top: 200px;">

    <div id="area" class="wrapper">

    <center>

    <p style="font-size: 38px;font-weight: bold;padding-top: 2px;color: #fff;" id="question"></p>

    <button onclick="check(0)" class="myButton" id="option1"></button>

    <button onclick="check(1)" class="myButton" id="option2"></button>

    <button onclick="check(2)" class="myButton" id="option3"></button>

    <button onclick="check(3)" class="myButton" id="option4"></button>

    </center>

    </div>

    </div>

    <br><center>
    <button id="start" class="myButton" onclick="check(4)">Приступить к тесту</button>
    <script type="text/javascript"> var curent_url = document.URL; document.write("<a id='end' style='display: none;' class='myButton' href='" + curent_url + "'>Начать сначала</a>"); </script>
    </center>

    <br><br><center><br>
    <a class="myButton" href="index.html">Домой</a>
    </center>

    </body>
    </html>