JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<script src="https://rawgithub.com/timrwood/moment/2.1.0/min/moment.min.js"></script>

JavaScript

function checkgrade() {
      
if (checkgrade_list()) {
    
     if (start_guide >= date1) {

            //    alert('before');

        } else if (start_guide <= date1 && end_guide >= date1) {

           //     alert('during');

        } else {

            //            alert('after');
        }
        if (start_guide >= date2) {

            //      alert('before');

        } else if (start_guide <= date2 && end_guide >= date2) {

            //            alert('during');

        } else {

            //    alert('after');
        }
        if (start_guide >= date3) {

            //    alert('before');

        } else if (start_guide <= date3 && end_guide >= date3) {


            //  alert('during');

        } else {

            //            alert('after');
        }
       
        ///Check Grades
       $('div').each(arr, function (i, val) {
            var y = $('select[name="select_grade_set_1"]').val();
            var x = $('select#select_grade_set_' + val).val();
            //var x = $('select[name="select_grade_set_' + this + '"]').val();
            //var s = sum($('input#number_students_set_' + (this + 1)).val());
            //alert(y);
            alert(this);
            alert(val);
            alert(x);
            if (x == 'Pre-K' || x == 'K' || x == '1st') {
                $('#gp_set_1').show();

                alert('pk-1');
            } else if (x == '2nd' || x == '3rd' || x == '4th' || x == '5th') {

                $('#gp_set_2').show();

                alert('2-5');
            } else if (x == '6th' || x == '7th' || x == '8th' || x == '9th' || x == '10th' || x == '11th' || x == '12th') {

                $('#gp_set_3').show();
                alert('6-12');
            } else {
            
            }

            if (s >= 120) {
                $('#gp_set_1').hide();
                $('#gp_set_2').hide();
                $('#gp_set_3').hide();

            } else {


            }
        });
        /// Display...