martes, 8 de noviembre de 2016

04 Javascript Funciones

Las funciones nos seran utiles para escribir codigo que realice alguna accion sin tener
que escribirlo cada vez que queramos realizar dicha accion, es codigo reutilizable y
llamaremos a dicho codigo cada vez que necesitemos que ejecute la accion requerida.
Ejemplo de llamada a funcion:
<html>
<head><title></title>
</head>
<body>
<script>
function saludo(){
alert(“hola, bienvenido”);
}
saludo();
</script>
</body>
</html>
En este ejemplo se llama a la funcion mediante “saludo()”, y se ejecuta el codigo que hemos
situado dentro de “function saludo()”, lo que hara que se muestre en una ventana emergente
“hola, bienvenido”.
Podemos tambien incluir parametros a las funciones para que realicen un calculo, como podria
ser la suma de 2 numeros, aqui os pongo un ejemplo:
<html>
<head>
<title>Suma de 2 numeros</title>
</head>
<body>
<script>
function suma(num1,num2){
var resultado=num1+num2;
alert(“La suma es igual a “+resultado);
}
var num1=3;
var num2=4;
suma(num1,num2);
</script>
</body>
</html>
Como veis en este ejemplo creamos dos variables, que pasamos como parametros a la funcion suma,
dentro de la funcion se obtiene el resultado y se muestra.
Tambien podemos devolver el valor calculado mediante la funcion return, como podeis ver en este ejemplo:
<html>
<head>
<title>Suma de 2 numeros</title>
</head>
<body>
<script>
function suma(num1,num2){
var resultado=num1+num2;
return resultado;
}
var num1=3;
var num2=4;
var x=suma(num1,num2);
alert(“La suma es igual a “+x);
</script>
</body>
</html>
En este ultimo ejemplo, la funcion se limita a calcular y devolver el resultado, sin mostrarlo, este resultado
lo guardamos en la variable “x” y lo mostramos por pantalla.
Con esto hemos visto lo basico de las funciones para que empecemos a crear codigo mas util y reutilizable.
Espero os sea util, gracias.