JavaScript Functions

A function is a reusable code-block that will be executed by an event, or when the function is called.

Examples

Function
How to call a function.

Function with arguments
How to pass a variable to a function, and use the variable value in the function.

Function with arguments 2
How to pass variables to a function, and use these variable values in the function.

Function that returns a value
How to let the function return a value.

A function with arguments, that returns a value
How to let the function find the sum of 2 arguments and return the result.

Functions

A function contains some code that will be executed by an event or a call to that function. A function is a set of statements. You can reuse functions within the same script, or in other documents. You define functions at the beginning of a file (in the head section), and call them later in the document. It is now time to take a lesson about the alert-box:

This is JavaScript's method to alert the user.

alert("This is a message")

How to Define a Function

To create a function you define its name, any values ("arguments"), and some statements:

function myfunction(argument1,argument2,etc)
{
some statements
}

A function with no arguments must include the parentheses:

function myfunction()
{
some statements
}

Arguments are variables used in the function. The variable values are values passed on by the function call.

By placing functions in the head section of the document, you make sure that all the code in the function has been loaded before the function is called.

Some functions return a value to the calling expression

function result(a,b)
{
c=a+b
return c
}

How to Call a Function

A function is not executed before it is called.

You can call a function containing arguments:

myfunction(argument1,argument2,etc)

or without arguments:

myfunction()

The return Statement

Functions that will return a result must use the "return" statement. This statement specifies the value which will be returned to where the function was called from. Say you have a function that returns the sum of two numbers:

function total(a,b)
{
result=a+b
return result
}

When you call this function you must send two arguments with it:

sum=total(2,3)

The returned value from the function (5) will be stored in the variable called sum.