Pass dynamic params to IIFE

Question

I've got this issue with passing a variable to an IFFE. did some reading, still didn't figure it out. would really appreciate some guidance here.

• i have a click event handler function that gets a certain ID from the DOM when clicked.
• i need to pass that ID to an IIFE
• that IFFE needs to either add/remove that ID from an array, depending if it's already there or not.

This is what I got:

Event:

$(document).on('click', 'input[type="checkbox"]', check);

Click Handler:

function check() {
    var id = $(this).closest('ul').attr('data-id');
    return id;
}

IIFE:

var checkID = (function (val) {

    var arr = [];

    return function () {

        var i = arr.indexOf(val);

        if (i === -1) {
            arr.push(val);
        } else {

            arr.splice(i, 1);
        }
        return arr;
    }

})(id);

right now i'm getting the ID, but returning it to nowhere.

in my IIFE, i did pass an id variable, but it's undefined.

so, how do I pass the ID variable im getting from check() to checkID IIFE?

other solutions are also welcome.

Thanks

Answer 1

In your clickHandler

function check() {
    var id = $(this).closest('ul').attr('data-id');
    checkID(id);
}

and change checkID to

var checkID = (function () {

    var arr = [];

    return function (val) {

        var i = arr.indexOf(val);

        if (i === -1) {
            arr.push(val);
        } else {

            arr.splice(i, 1);
        }
        return arr;
    }

})();