JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

JavaScript

$('#school_form-grades-list input').change(

    function (e) {
        total_adults = 0;
        var grades_ = $('#grade_selection input').val();
        var grade_ten_1 = parseFloat($('input#number_students_set_1').val()) || 0;
        var grade_ten_2 = parseFloat($('input#number_students_set_2').val()) || 0;
        var grade_ten_3 = parseFloat($('input#number_students_set_3').val()) || 0;
        var grade_ten_4 = parseFloat($('input#number_students_set_4').val()) || 0;
        var grade_ten_5 = parseFloat($('input#number_students_set_5').val()) || 0;
        var grade_ten_6 = parseFloat($('input#number_students_set_6').val()) || 0;
        var grade_ten_7 = parseFloat($('input#number_students_set_7').val()) || 0;

        //var grade_adult = parseFloat($('input#number_adults').val());

        total_adults = (grade_ten_1 + grade_ten_2 + grade_ten_3 + grade_ten_4 + grade_ten_5 + grade_ten_6 + grade_ten_7) * 0.1;
        $('input[name=number_adults]').val(Math.round(total_adults));

        if (grades_.length <= 9 || grades_.length >= 1) {
            $('input#number_students_set_1').addClass('.error');
        } else(grades_.length >= 10 || grades_.length !== '') {
            $('input#number_students_set_1').removeClass('.error');
        }

    });