javascript – How do I populate a SharePoint 2013 List from HTML?

There is a slide deck the user goes through. I have a knowledge check at the end, that uses pure CSS. Once they take the knowledge check, it gives the username, a score, date, and module # with the option of printing a certificate. That certificate uses SPServices to populate a certificate:

var d = new Date();
document.getElementById("date").innerHTML = d;
 var thisUserAccount ;          
var login;
$(document).ready(function() {
    thisUserAccount= $().SPServices.SPGetCurrentUser({
    fieldName: "Name",
    debug: false
    });

    if(thisUserAccount) {
        var pair = thisUserAccount.split("\");
        login = pair(1);
    }
        document.getElementById("user").innerHTML = login;
});

The issues I am having is populating the data to a list I created called ‘JACerts’:

function AddListItem() {
        var listTitle = "JAcerts";

        //Get the current client context
        context = SP.ClientContext.get_current();
        var list = context.get_web().get_lists().getByTitle(listTitle);
        //Create a new record
        var listItemCreationInformation = new SP.ListItemCreationInformation();
        var listItem = list.addItem(listItemCreationInformation);
        //Set the values
        listItem.set_item("Title", $("input(Title='Title')").val());
        listItem.set_item("Module", $("input(Title='Module')").val());
        listItem.set_item("Score", $("input(Title='Score')").val());
        listItem.set_item("Created", $("input(Title='Created')").val());
        listItem.set_item("Created_x0020_By", $("input(Title='Created By')").val());
       
        listItem.update();
        context.load(listItem);
        context.executeQueryAsync(Function.createDelegate(this, this.AddListItemSucceeded), 
    Function.createDelegate(this, this.AddListItemFailed));
    }

    function AddListItemSucceeded() {
        alert('Saved Successfully!');
    }

    function AddListItemFailed(sender, args) {
        alert('Request failed. ' + args.get_message() + 'n' + args.get_stackTrace());
    }

When they submit the knowledge check I want it to go to a list, ‘JACerts’. It doesn’t do anything automatically. Is there any way to automatically populate the list? Or do I need the right button action, once they submit their knowledge check, to push it to my list?