How to get javascript to print text input to console

I am new to javascript programming so am hoping that this is a simple issue... I'm wanting my webpage to allow a user to input a music track name and artist in two separate fields and once you hit 'go' the javascript will run and parse the input into a string. To test I have tried to see if these inputs are being taken and I have tried to print them to console, however nothing is being printed to the console.

TrackSelector

Javascript file:

const app = {};

//Allow the user to enter names

app.events = function() {
    $('form').on('button', function(e){
        e.preventDefault();
        let tracks = $('input[type=textt]').val();
        let artists = $('input[type=texta]').val();
        console.log(tracks);
        console.log(artists);
    });
};

//

//

app.init = function(){
    app.events();

};

$(app.init);

I believe I have specified to take in the correct inputs and specified the correct button reference, have played around to try out other methods but I'm still quite stuck... any ideas?