Una función es un elemento del programa creado con la finalidad de realizar una determinada acción. Una función puede ser llamada desde otra.

En JavaScript, las funciones se definen en la cabecera del documento HTML. Su sintaxis es:

function nombreFunción([parámetros]){

acciones

}

Veamos un ejemplo: el siguiente script es una función que toma los valores de un formulario, y devuelve en un cuadro de texto del mismo el valor de la primera casilla elevado a la potencia de la segunda:

<script>

function potencia(){

var i=0;

var resul=1;

if(document.cálculo.elevado.value==0)

document.cálculo.resultado.value=resul;

else

{

resul=document.cálculo.base.value;

for(i=1;i<document.cálculo.elevado.value;i++)

resul=resul*document.cálculo.base.value;

}

document.cálculo.resultado.value=resul;

}

</script>

Importante: las funciones siempre irán situadas en la cabecera del documento HTML.

Se debe recordar cómo se accede a los diferentes elementos de un documento HTML. Primero, document, después los nombres de los distintos elementos que existen en ese elemento:

-Cálculo: es el valor que se le ha dado al atributo "name" del formulario.

-Resultado, base, elevado: es el valor que se le ha dado al atributo "name" de una de las cajas de texto del formulario.

Veamos la parte HTML de este documento:

<form name="cálculo">

Número: <input type="text" name="base">

Potencia: <input type="text" name="elevado">

Resultado: <input type="text" name="resultado">

<input type="button" name="poten" Value="Calcular potencia" onClick="potencia()">

</form>