Calling a Function from an Event Handler

   
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function showMsg(msg) {
    alert("The button sent: " + msg)
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
    <INPUT TYPE="button" VALUE="Click Me" 
    onClick="showMsg ('The button has been clicked!')">
</FORM>
</BODY>
</HTML>

Related examples in the same category

1.	Show Arguments
2.	Function That Wraps Document.Write, Adding a Line Break
3.	setTimeout() with a pointer to a function
4.	Define function in JavaScript
5.	Funciton with arguments
6.	Pass variables to a function, and use these variable values in the function
7.	Function that returns a value
8.	A function with arguments, that returns a value
9.	A Function Can Be Set Up to Accept a Variable Number of Arguments
10.	Accepting Either One or No Arguments
11.	Functions That Return Values Can Be Used in Expressions
12.	Using an Argument with a JavaScript Function
13.	Declaring a Function in the 'head' Block
14.	Passing by Reference Versus Passing by Value
15.	A Function Definition
16.	Using the Function Object
17.	Passing the Form Object as a Parameter
18.	A Function's arguments and caller Properties
19.	Variable Scope Workbench Page
20.	Calling a Generalizable Function
21.	Simplest function
22.	Pass string value in and return string value out
23.	A function with only one statement
24.	Call your function
25.	Nested function call
26.	Define a function to accept the string value
27.	Call a javascript function with javascript:void()
28.	Return an incremented value
29.	Check the function parameters
30.	Save returned value from a function to a variable
31.	Invoking third argument as function
32.	Array filter and callback functions
33.	Function is Object
34.	Call function in body onload event

Calling a Function from an Event Handler : Function « Language Basics « JavaScript DHTML

Related examples in the same category