How to call javascript function in html on page load

and . Just reference the function name within these attributes to trigger it.

How to call function in javascript

Let’s create an HTML structure with some function defined in the script tag.

1. Using Inline Event Handling to call function in HTML

or . This method allows for quick implementation but can lead to mixed code and maintenance challenges.

Example: This example uses Inline Event Handling with the help of onclick attribute in a button.

Output:

2.

Using Event Listeners to call function in HTML

For a cleaner approach, use event listeners like This technique binds functions to specific events, such as or , keeping the behavior separate from the structure and making the code easier to maintain.

Example: In this example, we are using Event Listeners

Output: