Javascript - For
En esta oportunidad veremos el uso del for de javascript..
El ejemplo es hacer una tabla de multiplicar, aqui la probaremos con un valor fijo
usaremos como multiplicador al varlo 2 de ejemplo pero puede ser cualquier numero.
<html>
<head>
<title>For</title>
</head>
<body>
<br/>
<script type="text/javascript">
for(i=1; i<=20; i++)
{
document.write(2+"x"+i+" = "+i*2+"<br/>");
}
</script>
</body>
</html>
<head>
<title>For</title>
</head>
<body>
<br/>
<script type="text/javascript">
for(i=1; i<=20; i++)
{
document.write(2+"x"+i+" = "+i*2+"<br/>");
}
</script>
</body>
</html>
Que es lo que hace este codigo,
prmeramente dentro de los parentesis es donde indicamos las condiciones necesarias para que
se realize las peraciones, en primer lugar nos indica que i=1 esto nos dice que se inicializa
en el numero 1, en la segunda nos dice i<=20, aqui nis dice hasta que numero se repetira
es bucle o la repeticion, y en la tercera de i++ nos indica que cada ves que pase
nuevamente su valor se incrementa en 1.
Despues mostramos por pantall con un document.write
que es para visualizar lo que queremos motrar,
y en primer valor que es el 2 es el valor fijo que usaremos como tabla de 2,
concatenamos la letra x entre comlillasdobles y encerradas con el signo +
esto es para unir el texto, a continuacion la concatenamos i que se incrementara en 1 hasta
que llegue al valor indicado, concatenamos el texto = y hacemos la operacion necesaria
que seria multiplicar i*2 ( 1*2, 2*2, 3*2 etc)
i se incremetara hasta terminar en el valo 20 que indicamos en la condicion,
mientras el valor 2 se mantiene fijo xq justamente es el valor de la tabla que queremos obtener.
El resultado es el siguiente..
2x1 = 2
2x2 = 4
2x3 = 6
2x4 = 8
2x5 = 10
2x6 = 12
2x7 = 14
2x8 = 16
2x9 = 18
2x10 = 20
2x11 = 22
2x12 = 24
2x13 = 26
2x14 = 28
2x15 = 30
2x16 = 32
2x17 = 34
2x18 = 36
2x19 = 38
2x20 = 40
2x2 = 4
2x3 = 6
2x4 = 8
2x5 = 10
2x6 = 12
2x7 = 14
2x8 = 16
2x9 = 18
2x10 = 20
2x11 = 22
2x12 = 24
2x13 = 26
2x14 = 28
2x15 = 30
2x16 = 32
2x17 = 34
2x18 = 36
2x19 = 38
2x20 = 40
Despues podemos combinar el uso de una function con el for
<html>
<head>
<title>For</title>
</head>
<body>
<br/>
<script type="text/javascript">
function multiplicar(numero)
{
for(i=1; i<=20; i++)
{
document.write(numero+"x"+i+" = "+i*numero+"<br/>");
}
}
multiplicar(5)
</script>
</body>
</html>
<head>
<title>For</title>
</head>
<body>
<br/>
<script type="text/javascript">
function multiplicar(numero)
{
for(i=1; i<=20; i++)
{
document.write(numero+"x"+i+" = "+i*numero+"<br/>");
}
}
multiplicar(5)
</script>
</body>
</html>
La operacion es la misma utilizada solo con el for, en esta ocacion la function nos permite utilizar
el valor de la tabla que queramos, a diferencia de la primera era un valor fijo, con esta funcion solo debemos cambiar el valor en donde llamamos a la funcion y obtendremos de resultado la tabla multiplicada con el valor ingresado:
5x1 = 5
5x2 = 10
5x3 = 15
5x4 = 20
5x5 = 25
5x6 = 30
5x7 = 35
5x8 = 40
5x9 = 45
5x10 = 50
5x11 = 55
5x12 = 60
5x13 = 65
5x14 = 70
5x15 = 75
5x16 = 80
5x17 = 85
5x18 = 90
5x19 = 95
5x20 = 100
5x2 = 10
5x3 = 15
5x4 = 20
5x5 = 25
5x6 = 30
5x7 = 35
5x8 = 40
5x9 = 45
5x10 = 50
5x11 = 55
5x12 = 60
5x13 = 65
5x14 = 70
5x15 = 75
5x16 = 80
5x17 = 85
5x18 = 90
5x19 = 95
5x20 = 100
Ahora vamos a hacer uso de una combinacion de
function, for, while y switch
<html>
<head>
<title>For</title>
</head>
<body>
<br/>
<script type="text/javascript">
var numero=prompt("Ingrese un numero");
while(numero=="")
{
numero=prompt("Ingrese un numero");
}
function multiplicar(numero)
{
switch(numero)
{
case numero:
for(i=1; i<=20; i++)
{
document.write(numero+"x"+i+" = "+i*numero+"<br/>");
}
break;
default:
break;
}
}
multiplicar(numero);
</script>
</body>
</html>
<head>
<title>For</title>
</head>
<body>
<br/>
<script type="text/javascript">
var numero=prompt("Ingrese un numero");
while(numero=="")
{
numero=prompt("Ingrese un numero");
}
function multiplicar(numero)
{
switch(numero)
{
case numero:
for(i=1; i<=20; i++)
{
document.write(numero+"x"+i+" = "+i*numero+"<br/>");
}
break;
default:
break;
}
}
multiplicar(numero);
</script>
</body>
</html>
Primero hacemos uso de una variable el cual asignaremos un valor que se ingresara previamente el cual lo indicamos de esta manera:
var numero=prompt("Ingrese un numero");
Esto nos pedira que ingresemos el numero de la tabla que queremos usar,
una ves ingresado usaremos un while
esto nos preguntara
while(numero=="")
mientras la variable numero sea igual a vacion
nos regresara a pedir que ingresemos un valor hasta que ingresemos se repetira,
y si se ingreso el numero esto dejara de lado y dara paso a la siguente etapa,
En este caso usamos un switch que estra combindo con un for,
un switch muestra las opciones segun sea el caso o el numero en esta ocacion,
en los () del switch se ingresa la variable numero que esta guardada en la variable que se ingresa
al comienzo, y por medio de la function la usamos, como el valor ingresado puede ser cualquier numero no sera necesario varios case del switch, ya que este cambiara automaticamente y solo debemos indicar un caso para dicho valor ingresado, el for usado sera el mismo,
Despues fuera de la funcion llamamos a la funcion
multiplicar(numero);
Como dentro del for ya mostramos con un document.write
solo falta hacer el uso de la variable nombre.
Pueden ver el ejemplo practico:
No hay comentarios:
Publicar un comentario