How to call an existing onclick function using javascript [duplicate]

Question

I have this button that opens a modal when it is clicked. I am trying to call the onclick function for the button via javascript instead of using the mouse.

I used the dom to get the element via classname and tried to call the onclick function but i couldn't figure it out.

var elements = document.getElementsByClassName("shopify-buy__btn");
for (i=0; i<elements.length; i++) {
  if (elements[i].onclick) {
    elements[i].onclick(); // Run the "onclick" function.
  } 
}

Here's the website with the button:

https://fantastic-choice-042131.framer.app/

.onClick() is an event - it doesn't not create a click, it says "do this when a click happens here" — HolyMoly
– HolyMoly, Commented Jun 10, 2023 at 17:09
To solve your issue I'd suggest trying click() instead of onClick(). However, going a step further, I would suggest you improve your codebase by not using onclick attributes in your HTML. Use addEventListener() to unobtrusively assign the event handlers in your JS. — Rory McCrossan
– Rory McCrossan, Commented Jun 10, 2023 at 17:10

Discorduser200 · Accepted Answer · 2023-06-10 17:20:46Z

2

I belive what you are trying to do is:

var elements = document.getElementsByClassName("shopify-buy__btn");
for (i = 0; i < elements.length; i++) {
    elements[i].click(); // Run the "onclick" function by simulating a click.  
}

Although it is probably not the optimal way to do this. See the comments.

answered Jun 10, 2023 at 17:20

Discorduser200

565 bronze badges

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

2 Comments

pilchard Over a year ago

or see the 13 year old duplicate

Crelloc Over a year ago

thank you guys! I can't believe I was calling the wrong function

Collectives™ on Stack Overflow

How to call an existing onclick function using javascript [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related