jQuery addClass example

Change class name on click in jQuery

HTML

<button data-action="start adventure">Start!</button>
<button data-action="pause game">Pause...</button>
<button data-action="quit">Quit.</button>

JavaScript

$('body').on('click', 'button', function(e){
    var clicked_button = $(e.target); 
    var button_action = clicked_button.data('action');

    switch(button_action){
        case 'start adventure': {
            // do things
            alert('Lets start an adventure!');
            break; 
        }
        case 'pause game': {
            // do things
            alert('Game is paused.');
            break;
        }
        case 'quit': {
            // do things
            alert('Sorry to see you go!! :( '); 
            break;
        }
        default: {
            console.log('What do we do for this action?', button_action); 
        }
    }
});