Tutorial JavaScript - Parte 5

Ok vamos al grano hoy vamos a ver los temas de las funciones, los bucles y otros

Funciones:Una función contiene un código que será ejecutado por un evento o por una llamada a la función.

sintaxis para declarar una función
[code]
function MyFuncion(parametros); {
codigo de la funcion // pueden ser variables, contener sumas, bucles, etc
}
[/code]
ACLARACION : Si ponemos una variable en una función, esa variable va a ser local, esto significa que esa variable solo va a poder ser usado por esta función

Ejemplo práctico función fácil
[code]
<html>
<head></head>
<body>
<script type="text/javascript">
function mostrarMensaje(mensaje, color){
//variable local solo funciona en la funcion
if(color == "rojo"){
document.write("<p style='color:red'>" + mensaje + "</p>");
}else{
document.write("<p style='color:blue'>" + mensaje + "</p>");
 }
}

mostrarMensaje("Este es mi mensaje","rojo");

mostrarMensaje("Este es otro mensaje","negro");
</script>
</body>
</html>
[/code]

Ejemplo práctico 2 usando return
calcula el precio con descuento preescrito
[code]
<html>
<body>
<script type="text/javascript">
function calcularDescuento(precio,descuento) {
var final = precio-(precio*descuento/100);
return final;
}
var precioPagado = calcularDescuento(600, 35);
document.write("el precio con descuento es de " + precioPagado);

</script>
</body>
</html>
[/code]
ACLARACION: Usando return podemos usar una variable de una función (habíamos dicho que no se podía, ahora si)

Bucle For
este sirve para repetir una accion determinada cantidad de veces
Sintaxis
[code]
for (variable=numerodeinicio;variable<=valor final;variable+niveldeincremento)
{
código a ser ejecutado
}
[/code]


ejemplo práctico

[code]
<html>
<body>

<script type="text/javascript">
var i=0;
for (i=0;i<=5;i++) //revisa los operadores de uno de los post anteriores
{
document.write("el numero es " + i);
document.write("<br />");
}
</script>
</body>
</html>
[/code]
Este programa va a generar un texto que llegue hasta 5 (empezando del cero, con incrementos de 1 en 1)
que es muy diferente a hacer lo siguiente
ejemplo práctico 2
[code]
<html>
<body>
<script type="text/javascript">
var i=0;
for (i=0;i<5;i++) //revisa los operadores de uno de los post anteriores
{
document.write("el numero es " + i);
document.write("<br />");
}
</script>
</body>
</html>
[/code]

usando break !
[code]
<html>
<body>
<script type="text/javascript">
var i=0;
for (i=0;i<5;i+0.5)
{
if(i==3)
{
break;
}
document.write("el numero es " + i);
document.write("<br />");
}

</script>
</body>
</html>
[/code]

Bucle While
a diferencia del for, el while se maneja con un valor booleano, osea,
se va a ejecutar mientras un valor sea verdadero, o sinó pasará de largo

sintaxis
[code]
while (variable<=valorfinal)
{
codigo a ser ejecutado
}
[/code]

ejemplo
[code]
<html>
<body>
// este script va a preguntar un nombre y en el caso de que
// el nombre no exista, va a seguir pidiendo el nombre ..

var nombre = prompt ("ingrese su nombre");

while (nombre=="") // mientras el nombre esté vacío
{
nombre= prompt ("ingrese su nombre"); // js debe mostrar el prompt este
}
document.write ("bienvenido/a "+nombre); //una vez cumplido el while, va a escribir...
//bienvenido + el nombre que haya puesto la persona..
</body>
</html>
[/code]

Descargatelo como PDF GRATIS!: http://www.mediafire.com/?fzfc4ttbzd417qm

Es una buena manera de acosar a los usuarios de una página(no recomendado).
Bueno, gracias por leer esto, hasta la proxima!