How to call functions dynamically in Javascript

Asked Sep 03 '17 at 14:35

Active Sep 03 '17 at 15:07

Viewed 31 times

I have a function where I would like to call classList methods dynamically, something like this:

function expand(action) {
  searchContainer.classList[action]("expanded");
}
button.addEventListener("click", expand('add'), false);
searchContainer.addEventListener("onblur", expand('remove'), false);

But not sure how can I do that?

edited Sep 03 '17 at 15:07

asked Sep 03 '17 at 14:35

Leff

1,434
18
78
163

Bind or use an anonymous function – Andrew Li Sep 03 '17 at 14:37
@Bergi Also this one: https://stackoverflow.com/q/40802071/5647260 – Andrew Li Sep 03 '17 at 14:39
@AndrewLi Thanks for the link, I didn't remember that one – Bergi Sep 03 '17 at 14:43
@AndrewLi I have managed to do it the way it is suggested in the link you posted, but not sure how can I do this with binding, would you be so kind and post an example for this case? Thank you in advance! – Leff Sep 03 '17 at 14:49
@Leff Have you tried `function() { expand('add') }`? – Andrew Li Sep 03 '17 at 14:50
Yes, but obviously wrongly since I still get an error ```classList.action is not a function```, so still not sure how to implement this – Leff Sep 03 '17 at 15:00

How to call functions dynamically in Javascript

0 Answers0