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






  1. JavaScript DHTML
  2. Language Basics
  3. Function

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