students

let authorization = "Basic " + btoa("guest" + ":" + "guest");
let baseUrl = "https://baas.kinvey.com/appdata/kid_BJXTsSi-e/students";

$('#createStudents').click(createStudent);

function extractStudents() {
    let requestHeaders = {
        "Authorization": authorization,
        "Content-Type": "application/json"
    };
    let request = {
        method: "GET",
        url: baseUrl,
        headers: requestHeaders,
        success: renderStudents,
        error: renderError
    };
    $.ajax(request);

    function renderStudents(data) {

        let students = data.sort((a, b) => {
            return (a.ID) - (b.ID);
        });
        $('#results').empty();
        let th = `<tr>
        <th>ID</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Faculty Number</th>
        <th>Grade</th>
        <th>Action</th>
    </tr>`;
        $('#results').append($('<tbody>').append(th))
        for (let student of students) {
            let tr = $('<tr>').attr('data-id', student._id);
            let studentId = $('<td>').text(student.ID);
            let FirstName = $('<td>').text(student.FirstName);
            let LastName = $('<td>').text(student.LastName);
            let FacultyNumber = $('<td>').text(student.FacultyNumber);
            let Grade = $('<td>').text(student.Grade);
            let action = $('<td>')
                .append($(('<button>[Delete]</button>'))
                    .click(deleteRow));
            tr
                .append(studentId)
                .append(FirstName)
                .append(LastName)
                .append(FacultyNumber)
                .append(Grade)
                .append(action);
            $('#results').append(tr)
        }
    }

    function deleteRow() {
        let id = $(this).parent().parent().attr("data-id");
        let requestHeaders = {
            "Authorization": authorization,
            "Content-Type": "application/json"
        };
        let request = {
            method: "DELETE",
            url: baseUrl + "/" + id,
            headers: requestHeaders,
            success: function () {
                extractStudents()
            },
            error: renderError
        };
        $.ajax(request);
    }
}
function renderError(data) {
    alert(JSON.stringify(data))
}
function createStudent() {
    let studentID = $('#studentID').val();
    let firstName = $('#firstName').val();
    let lastName = $('#lastName').val();
    let facultyNumber = $('#facultyNumber').val();
    let grade = $('#grade').val();
    let requestHeaders = {
        "Authorization": authorization,
        "Content-Type": "application/json"
    };
    let id = Number(studentID);
    let gradeD = Number(grade);
    let facultyRegex = /^\d+$/g;
    if (studentID !== ''
        && firstName !== ''
        && lastName !== ''
        && facultyRegex.test(facultyNumber)
        && grade !== '') {

        let request = {
            method: "POST",
            url: baseUrl,
            headers: requestHeaders,
            data: JSON.stringify({
                ID: id,
                FirstName: firstName,
                LastName: lastName,
                FacultyNumber: facultyNumber,
                Grade: gradeD
            }),
            success: function () {
                extractStudents();
            },
            error: renderError
        };
        $.ajax(request);
    }
    $('#studentID').val('');
    $('#firstName').val('');
    $('#lastName').val('');
    $('#facultyNumber').val('');
    $('#grade').val('');


}
extractStudents();