Scribd
Cargar
79 vistas15 páginas

Estructuras de Control Javascript

El documento describe diferentes estructuras de control de flujo en JavaScript como if, if-else, for, while y do-while a través de varios ejemplos prácticos. Estos ejemplos permiten capturar números en cajas de texto y realizar operaciones como determinar el mayor, menor, sumatoria e impresión de números entre 1 y un número ingresado.

Cargado por

John Chaves
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
79 vistas15 páginas

Estructuras de Control Javascript

El documento describe diferentes estructuras de control de flujo en JavaScript como if, if-else, for, while y do-while a través de varios ejemplos prácticos. Estos ejemplos permiten capturar números en cajas de texto y realizar operaciones como determinar el mayor, menor, sumatoria e impresión de números entre 1 y un número ingresado.

Cargado por

John Chaves
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 15

ELECTIVA INFORMTICA II

INDUSTRIAL
Estructuras de Control JavaScript
Estructura de alternativa simple if

La estructura de alternativa simple if ejecuta una determinada accin cuando se cumple una condicin.
if (condicin verdadera)
{ S1 }
Resto del programa
Ejemplo estructura if simple

Crear una pgina Web llamada ifsimple.html que permita capturar tres nmeros e imprimir cul de ellos es el mayor.
Archivo codigo.js

document.write("<h2>Mayor de tres numeros <br/><br/></h2>")
valor1=prompt("Digite primer nmero","")
valor2=prompt("Digite segundo numero","")
valor3=prompt("Digite tercer numero","")
valor1=parseInt(valor1)
valor2=parseInt(valor2)
valor3=parseInt(valor3)
var mayor=0
if (valor1>valor2 && valor1>valor3)
mayor=valor1
if (valor2>valor1 && valor2>valor3)
mayor=valor2
if (valor3>valor2 && valor3>valor1)
mayor=valor3
document.write("<br/><h3>El mayor de los tres nmeros capturados es:"+
mayor+"</h3>")
Archivo ifsimple.html

<html>
<head>
<title>Estructura if simple de JavaScript</title>
</head>
<body>
<script language="JavaScript" src=codigo.js> </script>
</body>
</html>
Ejemplo estructura if simple con cajas de texto

Disear una pgina Web llamada ifcajasdetexto.html que permita capturar tres
nmeros en cajas de texto e imprimir el mayor de ellos en otra caja de texto
Archivo codigo.js

function funcionmayor(boton)
{
numero1=parseInt(document.formulario.caja1.value)
numero2=parseInt(document.formulario.caja2.value)
numero3=parseInt(document.formulario.caja3.value)
if (numero1>numero2 && numero1>numero3)
mayor=numero1
if (numero2>numero1 && numero2>numero3)
mayor=numero2
if (numero3>numero1 && numero3>numero2)
mayor=numero3
document.formulario.caja4.value=mayor
}
Archivo ifcajasdetexto.html

<html>
<head>
<title>JavaScript y formularios</title>
<script language="JavaScript" src=codigo.js> </script>
</head>
<body>
<h2 align=center>Capturar tres nmeros con JavaScript utilizando
formularios</h2>
<h3>
<form name="formulario">
Digite Primer nmero :<input type=text name="caja1" size="20"><br/>
Digite Segundo nmero:<input type=text name="caja2" size="20"><br/>
Digite Tercer nmero :<input type=text name="caja3" size="20"><br/>
<input type="button" name="ok" value="Evaluar"
onClick="funcionmayor(this)"><br/>
El mayor de los tres nmeros es :<input type=text name="caja4" size="20"><br/>
</form>
</h3>
</body>
</html>
Estructura de alternativa compuesta if - else

Esta estructura permite elegir entre dos opciones o alternativas posibles, es decir,
que realiza una accin S1 si la condicin es verdadera y otra accin S2 si la
condicin es falsa.

if (condicin verdadera )
{ S1}
else
{ S2}
Resto del programa
Archivo codigo.js

function mayormenor(boton)
{

numero1=parseInt(document.getElementById(caja1).va
lue)

numero2=parseInt(document.getElementById(caja2).va
lue)

numero3=parseInt(document.getElementById(caja3).va
lue)
if (numero1>numero2 && numero1>numero3)
{
mayor=numero1
if(numero2>numero3)
menor=numero3
else
menor=numero2
}
if (numero2>numero1 && numero2>numero3)
{
mayor=numero2
if(numero1>numero3)
menor=numero3
else
menor=numero1
}
Ejemplo prctico estructura if-else

Hacer una pgina Web llamada ifelse.html que permita capturar tres nmeros en cajas de texto
e imprimir el mayor y el menor de ellos en cajas de texto.
if (numero3>numero1 &&
numero3>numero2)
{
mayor=numero3
if(numero1>numero2)
menor=numero2
else
menor=numero1
}
document.formulario.caja4.value=mayor
document.formulario.caja5.value=menor
}
Archivo ifelse.html

<html>
<head>
<title>JavaScript y formularios</title>
<script language="JavaScript" src=codigo.js> </script>
</head>
<body>
<h2 align=center>Capturar tres nmeros y obtener el mayor y el menor</h2>
<h3>
<form name="formulario">
Digite Primer nmero :<input type=text id="caja1" size="20"><br/>
Digite Segundo nmero:<input type=text id="caja2" size="20"><br/>
Digite Tercer nmero :<input type=text id="caja3" size="20"><br/>
<input type="button" name="ok" value="Evaluar" onClick="mayormenor(this)"><br/>
El mayor de los tres nmeros es :<input type=text name="caja4" size="20"><br/>
El menor de los tres nmeros es :<input type=text name="caja5" size="20">
</form>
</h3>
</body>
</html>

Estructura de repeticin for

for(inicializacin; condicin _ verdadera; incremento
decremento)
{
instruccion(es);
}
Estructura de repeticin while

while( condicin_verdadera)
{
instruccion(es);
incremento decremento;
}
Estructura de repeticin do while

do {
instruccion(es);
incremento decremento
}while (codicin);
Ejemplo prctico estructura for

Hacer una pgina Web llamada ciclofor.html que permita capturar un nmero e
imprimir todos los nmeros pares que existen entre 1 y el nmero digitado.
Archivo codigo.js

function ciclofor(objeto)
{
numero=parseInt(document.formulario.caja.value)
document.write("<h3> Los nmeros pares encontrados
son:<br/></h3>")
document.write("<h2 align=center>")
for (i=1;i<=numero;i++)
{
if(i%2==0)
document.write(i+",")
}
}
Archivo ciclofor.html

<html>
<head>
<title>Ciclo for de JavaScript</title>
<script language="JavaScript" src=codigo.js> </script>
</head>
<body>
<h2 align=center>Imprimir todos los nmeros pares entre 1 y n</h2>
<h3>
<form name="formulario">
Digite un nmero entero:<input type=text name="caja" size="20"><br/>
<input type="button" name="ok" value="Evaluar" onClick="ciclofor(this)"><br/>
</form>
</h3>
</body>
</html>
Ejemplo prctico estructura while

Crear una pgina Web llamada ciclowhile.html que permita capturar un nmero e imprimir
todos los nmeros impares que existen entre 1 y el nmero digitado en una caja de texto.
Archivo codigo.js

impar=""
i=1
function ciclowhile(objeto)
{
numero=parseInt(document.formulario.caja.value)
while (i<=numero)
{
if(i%2!=0){
impar=impar+i+","
}
i=i+1
}
document.formulario.respuesta.value=impar
}

Archivo ciclowhile.html

<html>
<head>
<title>Ciclo while de JavaScript</title>
<script language="JavaScript" src=codigo.js> </script>
</head>
<body>
<h2 align=center>Imprimir todos los nmeros impares entre 1 y n</h2>
<h3>
<form name="formulario">
Digite un nmero entero:<input type=text name="caja" size="20"><br/>
<input type="button" name="ok" value="Evaluar"
onClick="ciclowhile(this)"><br/>
Los nmeros impares son:<input type=text name="respuesta"
size="50"><br/>
</form>
</h3>
</body>
</html>
Ejemplo prctico do-while

Disear una pgina Web llamada ciclodowhile.html que permita capturar un nmero e
imprimir todos los nmeros entre 1 y el nmero digitado, as como su sumatoria. El cdigo
sera:
Archivo codigo.js

i=1
suma=0
function ciclodowhile(objeto)
{
numero=parseInt(document.formulario.caja.value)
document.write("<h3>Impresin y sumatoria de los nmeros del 1 a n con el
ciclo do - while<br/><br/>")
do
{
document.write(i+", ")
if (i%10==0)
document.write("<br/>")
suma=suma+i
i=i+1
}while(i<=numero)
document.write("<br/>La suma de los nmeros es :"+ suma+"</h3>")
}
Archivo ciclodowhile.html

<html>
<head>
<title>Ciclo do- while de JavaScript</title>
<script language="JavaScript" src=codigo.js> </script>
</head>
<body>
<h2 align=center>Imprimir todos los nmeros entre 1 y n</h2>
<h3>
<form name="formulario">
Digite un nmero entero:<input type=text name="caja" size="20"><br/>
<input type="button" name="ok" value="Evaluar"
onClick="ciclodowhile(this)"><br/>
</form>
</h3>
</body>
</html>

También podría gustarte