Activate HTML button (onClick function) from javascript

Question

How do I activate existing HTML button, say running the onClick function in specific button?

When using document.getElementById("Button ID").onclick I get the function with the parameters, like the following example. but how do I run the function?

Example , the document.getElementById("Button ID") result is:

ƒ onclick(event) {calculate('ABC',1,8)}

In this example, how do I run calculate('ABC',1,8) function from javascript?

Answer 1

您可以在按钮元素上调用click方法。

document.getElementById("Button ID").click()

Answer 2

You simply call the click() function on the same element.

document.getElementById("Button ID").click()

This will trigger the onclick handler.

Answer 3

• A function is called using parenthesis () , ie: fn() .
• What you're getting is the declaration of that function.

You need to call it as follow:

document.getElementById("Button ID").click();

I recommend you to read about addEventListener and Event click .

Answer 4

const calculate = (p1, p2, p3) => {
    return p2 + p3
}

document.getElementById("Button ID").onclick = () => {
    const res = calculate('ABC',1,8)
    alert (res)
}