Скрипт тестирование на JavaScript (jQuery)

1
23
45
67
89
1011
1213
1415
1617
1819
2021
2223
2425
2627
2829
3031
3233
3435
3637
3839
4041
4243
4445
4647
48

$(window).on('load', function(){
    /*        массив с правильными ответами, проверять будем по совпадению data-id с индексом элемента массива
        потому в хтмл инпуты с классом .answer нумеруем в data-id с нуля и по возрастанию    */
        var arrAnswer = ['коростель', 'бабе']; 
        // сабмитим форму, проверяем всякое и отдаем результат        $('#testform').on('submit', function(e) {
         var thisform = $(this);
        var questionCount = thisform.find('.answer').length; // количество инпутов\вопросов        var countRight = 0; // количество правильных
        var resultText = ''; // текст о результатах        var inputClass = ''; // класс инпута правильно\неправильно
        var percent = 0; // процент правильных (просто для красоты)        var resultTextClass = ''; // класс для подсветки результирующего текста
        $('.result').removeClass('good bad' ); 
        thisform.find('.answer').each(function(){            $(this).removeClass('good bad' ); // сбросим классы инпута
                         var answerid = $(this).attr('data-id'); // ID инпута вопроса
                        var answerval = $(this).val(); // значение инпута вопроса от пользователя 
                        var rightAnswer = arrAnswer[answerid];  // правильный ответ для данного инпута из массива 
                        if (answerval == rightAnswer) {                countRight = ++countRight; // увеличим счетчик правильных на +1
                                inputClass = 'good'; // установим класс                        } else {
                inputClass = 'bad';                        }
                        $(this).addClass(inputClass);                });
                 percent = Math.floor((countRight / questionCount) * 100);
                if (percent > 50) {                resultTextClass = 'good'; // установим класс
                } else {            resultTextClass = 'bad'; // установим класс
                }                resultText = 'правильно '+percent+'% '+countRight+' вопроса из '+questionCount+'';
        $('.result .result_text').text(resultText);        $('.result').addClass(resultTextClass);
        return false;        });
});