I have this in my html...
<button onclick="myFunction(array['foo':['bar', 'pub']])">Click Me</button>
However, the browser complains, "SyntaxError: missing ] in index expression".
I've checked for missing brackets and am pretty sure it's all good, as well as making sure the receiving function worked (switched out original for one that just prented the array to test with.)
String-associative objects are called, just as hinted, Objects. Arrays are a specific type of object that access their elements by numerical index. Objects also use a different literal syntax, and neither uses a keyword to instantiate them.
<button onclick="myFunction({'foo':['bar', 'pub']})">Click Me</button>
That said, have you looked into "data-... attributes"?
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes
<button class="canBeClicked" data-foo="bar" data-fi="pub">, along with some JavaScript on each page that queries for the canBeClicked class, and adds a click listener that checks those data attributes and acts accordingly. Now you are not tied to the onclick attribute, you don't need your function to be a global, and your users won't get an error when they click your button before the JS loads.I am not sure where you picked up that syntax, but it is not right. You should be using an object.
myFunction({'foo':['bar', 'pub']})
