Imprimir

Manual de JavaScript: Funciones

Sintaxis general de una función

La sintaxis general de una función es:

function nombre_funcion(argumentos) {
  instrucciones
  return variable
}

Ejemplo: función sin argumentos:

function mensaje() {
  alert("Esto es un mensaje de JavaScript")
}

Ejemplo: función con un argumento:

function ImprimeNombre(nombre) {
  document.write("<p>Tu nombre es <strong>")
  document.write(nombre)
  document.write("</strong><p>")
}

Ejemplo: función con dos argumentos:

function sumar(a, b) {
  resultado = a + b
  return resultado
}

Cómo utilizar funciones

Podemos ejecutar código en tiempo de carga. Definimos la función en el HEAD y la ejecutamos durante la carga de la página web. En el siguiente ejemplo, el script escribe código HTML on-line:

<head>
  <script type="text/javascript">
    <!--
    function sumar(a, b) {
      resultado = a + b
      return resultado
    }
    // -->
  </script>
</head>
<body>
  <script language=text/javascript>
    <!--
        document.write(sumar(2, 2))
    // -->
  </script>
</body>

Lo habitual es invocar una función al capturar un evento. En el siguiente ejemplo definimos la función en el HEAD, capturamos el evento onclick del botón del formulario y llamamos a la función:

<head>
  <script type="text/javascript">
    <!--
    function mensaje() {
      alert("Esto es un mensaje de JavaScript")
    }
    // -->
  </script>
</head>
<body>
  <form name="formulario">
    <input type="button" name="boton" value="prueba" onclick="mensaje()">
  </form>
</body>

Recursos

Deja un comentario