function onLoad() {
    document.getElementById('loginButton').addEventListener('click', AddRecord)
}

function AddRecord(e) {
    e.preventDefault();
    e.stopPropagation();
    var recordEmail = document.getElementById("recordEmail").value;
    var recordPassword = document.getElementById("recordPassword").value;

    var params = 'recordEmail='+recordEmail+'&recordPassword='+recordPassword;

    var xhttp = new XMLHttpRequest();
    xhttp.open("POST", '/AddRecord', true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
     xhttp.onreadystatechange = function() {
        if (xhttp.readyState === 4 && xhttp.status === 200) {
            console.log(xhttp.responseText);
            serverResponse = JSON.parse(xhttp.responseText);
            document.getElementById("recordEmail").value = serverResponse[0][0];
            document.getElementById("recordPassword").value = serverResponse[0][1];
            document.getElementById("DEBUGserverMessage").innerHTML = xhttp.responseText;
        } else {
            console.error(`Status Text: ${xhttp.statusText}.`);
            console.error(`Ready State: ${xhttp.readyState}.`);
        }
    };
    xhttp.send(params);
}