Вывод результата JS теста на страницу

@NataliShutenko · Регистрация: 14.07.2016

Author24 — интернет-сервис помощи студентам

Добрый, день. Есть код теста, который нужно пройти. Подскажите как сделать, что бы правильно подсчитались количество правильных ответов и результат выводился в модальном окне, не совсем понимаю как это нужно делать. Заранее спасибо.

HTML5

<script type="text/template" id='render'>
        <h1 class="alert alert-info text-center"><%= title %></h1>
        <% for ( var i = 0; i < question.length; i++ ) { %>
        <label for="" class="container col-lg-6 col-lg-offset-3 lead alert alert-success">
            <%=  i+1+'.' %><%= question[i] %>
        </label>
        <div class="container col-lg-6 col-lg-offset-3 alert alert-warning">
            <% for ( j = 0; j < answer[i].length; j++ ) { %>
            <!-- <div class="container col-lg-6 col-lg-offset-3 alert alert-warning"> -->
                <input type="checkbox" name="<%= i %>" class="container col-lg-6 col-lg-offset-3 alert alert-warning checkBox" id="<%= i %><%= j %>">
                <label for="<%= i %><%= j %>" class="label-block"><%= answer[i][j] %></label>
            <!-- </div> -->
            <% }; %>
        </div>
        <% }; %>
        
        <input type="submit" value="<%= button %>" class="btn btn-primary btn-lg col-lg-offset-3 col-lg-6">
</script>

Javascript

$(function () {
    "use strict";
 
    var htmlTest = $('#render').html();
    var test = {
        title: 'Тест по програмированию',
        question: [ 'Столица Украины', 'Столица США', 'Столица Германии'],
        answer: [['Минск', 'Москва', ' Киев'], ['Чикаго', ' Вашингтон', 'Нью-Йорк'], [' Берлин ', 'Мюнхен', 'Кёльн']],
        button: 'Проверить мои результаты',
        right: [1, 1, 1]
    };
 
var strTest = JSON.stringify(test);
 
 
var testLs = localStorage.setItem('testFirst', strTest);
var testGet = localStorage.getItem('testFirst');
 
var testSecond = JSON.parse(testGet);
 
var renderPage = tmpl(htmlTest, testSecond);
 
$('body').append(renderPage);
 
 
    
// disabling others checkbox, except checked
var $inputs = $('input:checkbox');
 
$inputs.on( 'click', function() {
 
  $(this).siblings().each(function(){
 
    if ( $(this).attr('disabled') ) {
 
      $(this).attr('disabled', false);
 
    } else {
 
      $(this).attr('disabled', true);
    }
  });
});
 
$('.btn').on('click', getResults);
 
//   show modal
    var modal;
    var $body;
    
    function hideModal() {
        modal = $('.modal')
        modal.remove();
    } 
 
    function showModal() {
        $body = $('body');
        modal = $('<div class="modal"><h1>Your results<h1><button class="closeModal btn btn-default">close</button></div>');
 
        $body.append(modal).show();
    $('.closeModal').one('click', hideModal);
    };
 
$('.btn').on('click', showModal);
});

	04.09.2016, 17:21

Опции темы