Javascript Element.onclick = functionName(as String)?

Question

I have function name in a var,

var i = 2; // iteration
var fname = 'myFunction' + i; // looks like myFunction2()

now i want to assign this function on element's event. i.e.

var elem = document.getElementById('e');
elem.onclick = fname;

It doesn't work. JS take function name as 'fname()' not the string inside it 'myFunction2()'

A little help would be appriciated,

Thanks in advance.

Can be done with [eval()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval) But remember, eval = evil.. — Ron van der Heijden, May 27 '14 at 11:36

score 1 · Accepted Answer · answered May 27 '14 at 11:33

1

You can do this

window['myFunction' + i]

or create a array/object of functions.

var i = 2; // iteration
var fname = 'myFunction' + i; // looks like myFunction2()
var elem = document.getElementById('e');
elem.onclick = window[fname];

answered May 27 '14 at 11:33

cocco

16,442
7
62
77

Thanks, but this will execute the function right away, am i right? i want the function to be assigned to element 'e'. when mouse clicked on element 'e' then function invoked. – Ali Nawaz Hiraj May 27 '14 at 11:34
2

no... this wont execute the function... – cocco May 27 '14 at 11:35
Oh wow, your added section "or create a array/object of functions." works like a charm bro!! Thanxxxx alot :D – Ali Nawaz Hiraj May 27 '14 at 11:37

score -1 · Answer 2 · edited May 23 '17 at 12:20

-1

Check these answers: Javascript - Variable in function name, possible? and Use JavaScript variable as function name?

What you attempt is to assign a string (variable) on an event.

edited May 23 '17 at 12:20

Community

1
1

answered May 27 '14 at 11:34

Leon

919
6
21

Javascript Element.onclick = functionName(as String)?

2 Answers2