JavaScript OnClick Event

This event handler is used to instruct the browser on What action to take when a certain object is clicked.

If the concept of events is new to you, it is recommened that you first see lesson on What are Javascript events
Syntax

onclick="functionname( )"

The name of function that has to be called when this event occurs.
NOTE: Simple Js code can also be written here instead of calling function, but standard practice with events is to use them with functions.

Step 1- Declare the function

declare function

    We declared a funciton in the head section of the page and named it 'welcome'.
    No variables were required for this simple operation, so the ( ) are empty.
    In the Curly Braces, we wrote instructions on what to do when the function is called by its name from anywhere in the page.
    When the function is called, javascript should popup a 'Confirm Box' displaying a particular message.

Step 2- Call the Function

Call the function by its name where it is required.



js calling function

    We created some form buttons within the body and associated a mouse OnClick event with them.
    Whenever these buttons are clicked, browser will detect the event and run the function called 'welcome'.