Calling an specific Array of Functions

Question

I want to call an specific array of function on my onclick.

Example JS:

var foo = [
  function() { alert("Function 1!"); },
  function() { alert("Function 2!"); }
];

Example HTML:

<a onclick="foo[0]" >Alert</a>

but dont understand how get it done.

Nina Scholz · Accepted Answer · 2016-12-05 12:06:54Z

3

You need parenthesis for calling the function. Otherwise you return the function itself, like in example 2.

<a onclick="foo[0]()" >Alert</a>
<!--              ^^         -->

var foo = [
    function() { alert("Function 1!"); },
    function() { alert("Function 2!"); }
];

<a onclick="foo[0]()" >Alert</a><br>
<a onclick="alert(foo[0])" >Alert, what really happens without parenthesis</a>

answered Dec 5, 2016 at 12:06

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

as plain as the nose on your face, stupid me and thanks a lot :)

Mahi · Accepted Answer · 2016-12-05 12:06:14Z

1

you should call the function . since you are getting only function using foo[0] . you need to call them by () to run the function

var foo = [
  function() { alert("Function 1!"); },
  function() { alert("Function 2!"); }
];
foo[0]();
foo[1]();

answered Dec 5, 2016 at 12:06

Mahi

1,72513 silver badges22 bronze badges