Trabajo final programacion

Conceptos de Algoritmo, Conceptos de Algoritmo, Programa y Lenguaje de Programa y Lenguaje de

Programación.Programación.

Un algoritmo:Un algoritmo: Son aquellos pasos a realizar para la Son aquellos pasos a realizar para la realización de un problema cualquiera.realización de un problema cualquiera.

Programa:Programa: Es aquel grupo de instrucciones que entiende un Es aquel grupo de instrucciones que entiende un ordenador para hacer una actividad. La actividad fundamental ordenador para hacer una actividad. La actividad fundamental del programador es resolver problemas empleando el del programador es resolver problemas empleando el ordenador como herramienta fundamental. Para la resolución ordenador como herramienta fundamental. Para la resolución de un problema hay que plantear un algoritmo. de un problema hay que plantear un algoritmo.

Lenguaje de Programación:Lenguaje de Programación: Es aquel grupo de instrucciones Es aquel grupo de instrucciones que son interpretadas por un computador con el objetivo de que son interpretadas por un computador con el objetivo de realizar operaciones, y otros como el de mostrar los datos por realizar operaciones, y otros como el de mostrar los datos por la pantalla, introducir datos por digitación en el teclado, etc.la pantalla, introducir datos por digitación en el teclado, etc.

¿QUÉ ES JAVASCRIPT?¿QUÉ ES JAVASCRIPT?

Javascript es un lenguaje que puede ser Javascript es un lenguaje que puede ser utilizado por profesionales y para utilizado por profesionales y para quienes se inician en el desarrollo y quienes se inician en el desarrollo y diseño de sitios Web. No requiere de diseño de sitios Web. No requiere de compilación ya que el lenguaje funciona compilación ya que el lenguaje funciona del lado del cliente, los navegadores del lado del cliente, los navegadores son los encargados de interpretar estos son los encargados de interpretar estos códigos. códigos.

Tiene un lenguaje script orientado a Tiene un lenguaje script orientado a documento, como pueden ser los documento, como pueden ser los lenguajes de macros que tienen lenguajes de macros que tienen muchos procesadores de texto y muchos procesadores de texto y planillas de cálculo. No se puede planillas de cálculo. No se puede desarrollar un programa con JavaScript desarrollar un programa con JavaScript que se ejecute sin un navegador.que se ejecute sin un navegador.

Ejercicio a resolverEjercicio a resolver

<html> <html> <head> <head> <title>Problema</title> <title>Problema</title> </head> </head> <body> <body> <script language="javascript"> <script language="javascript"> document.write('Marcos Manrique'); document.write('Marcos Manrique'); document.write(‘<br>’);document.write(‘<br>’);document.write(‘18 años’);document.write(‘18 años’);</script> </script> </body> </body> </html> </html>

VariablesVariables

Una variable es una cajón donde hay un valor. Consta de un Una variable es una cajón donde hay un valor. Consta de un nombre y pertenece a un tipo (numérico, cadena de caracteres, nombre y pertenece a un tipo (numérico, cadena de caracteres, etc.). Existen diferentes tipos de variableetc.). Existen diferentes tipos de variabley pueden almacenar:y pueden almacenar:

Valores Enteros Valores Enteros

Valores Reales Valores Reales

Cadenas de caracteres Cadenas de caracteres

Valores lógicosValores lógicos

Se las denomina así porque su contenido puede cambiar en Se las denomina así porque su contenido puede cambiar en cualquier momento durante el desarrollo del programa. cualquier momento durante el desarrollo del programa.

Ejercicio a resolverEjercicio a resolver

<html><html><head><head><title>Problema</title><title>Problema</title></head></head><body><body><script language="javascript"><script language="javascript">document.write('$650000');document.write('$650000');document.write('<br>');document.write('<br>');document.write('Jose Gomez');document.write('Jose Gomez');</script></script>

</body></body></html></html>

Entrada de datos por tecladoEntrada de datos por teclado

Para la entrada de datos por Para la entrada de datos por teclado tenemos la función teclado tenemos la función prompt. Cada vez que se prompt. Cada vez que se necesita ingresar un dato con necesita ingresar un dato con esta función, aparece una esta función, aparece una ventana donde podemos ventana donde podemos cargar el valor deseado.cargar el valor deseado.

Hay otras formas más Hay otras formas más avanzada para la entrada de avanzada para la entrada de datos en una página HTML datos en una página HTML pero por ahora solo se pero por ahora solo se observan los conceptos observan los conceptos básicos para facilitar el básicos para facilitar el aprendizaje.aprendizaje.

Problema a resolverProblema a resolver<html><html><head><head><title>Problema</title><title>Problema</title></head></head><body><body><script language="javascript"><script language="javascript">var nombre;var nombre;var email;var email;nombre= prompt('Ingrese su nombre:','');nombre= prompt('Ingrese su nombre:','');email= prompt('Ingrese su email:','');email= prompt('Ingrese su email:','');document.write('Bienvenido ');document.write('Bienvenido ');document.write(nombre);document.write(nombre);document.write(' Su email es: ');document.write(' Su email es: ');document.write(email);document.write(email);</script></script></body></body></html></html>

Estructuras SecuéncialesEstructuras Secuénciales

Son aquellas estructuras en las que solo Son aquellas estructuras en las que solo aparecen operaciones, entradas y salidas.aparecen operaciones, entradas y salidas.

Las acciones son seguidas de otras Las acciones son seguidas de otras acciones en secuencia. Las acciones se acciones en secuencia. Las acciones se suceden de tal modo que la salida de una suceden de tal modo que la salida de una es la entrada de la siguiente y así es la entrada de la siguiente y así sucesivamente hasta el fin del proceso. sucesivamente hasta el fin del proceso.

Problema a resolverProblema a resolver<html><html><head><head><title>Problema</title><title>Problema</title></head></head><body><body><script language="javascript"><script language="javascript">var valor1;var valor1;var valor2;var valor2;var valor3;var valor3;var valor4;var valor4;valor1= prompt('Ingrese el primer valor');valor1= prompt('Ingrese el primer valor');valor2 = prompt('Ingrese el segundo valor');valor2 = prompt('Ingrese el segundo valor');valor3 = prompt('Ingrese el tercer valor');valor3 = prompt('Ingrese el tercer valor');valor4 = prompt('Ingrese el cuarto valor'); valor4 = prompt('Ingrese el cuarto valor'); var suma = parseInt(valor1)+parseInt(valor2);var suma = parseInt(valor1)+parseInt(valor2);var producto = valor3 * valor4var producto = valor3 * valor4document.write('La suma del primer y segundo valor es:');document.write('La suma del primer y segundo valor es:');document.write(suma);document.write(suma);document.write('<br>');document.write('<br>');document.write('La multiplicacion del tercer y cuarto valor es:');document.write('La multiplicacion del tercer y cuarto valor es:');document.write(producto);document.write(producto);</script></script></body></body></html></html>

Estructuras condicionales Estructuras condicionales simplessimples

Las estructuras condicionales Las estructuras condicionales las podemos definir son una las podemos definir son una estructura mas compleja que la estructura mas compleja que la secuencial, y en donde se secuencial, y en donde se deben tomar decisiones para deben tomar decisiones para resolver un determinado resolver un determinado problema. En una estructura problema. En una estructura condicional simple hay condicional simple hay actividades por el camino que actividades por el camino que es verdadero y por el camino es verdadero y por el camino que es falso no hay actividades. que es falso no hay actividades. Por el camino que es verdadero Por el camino que es verdadero pueden existir varias pueden existir varias operaciones, entradas y salidas.operaciones, entradas y salidas.

Problema a resolverProblema a resolver<<html>html>

<head><head>

<title>Problema</title><title>Problema</title>

</head></head>

<body><body>

<script language="javascript"><script language="javascript">

var nota1;var nota1;



nota1= prompt('Ingrese valor nota 1');nota1= prompt('Ingrese valor nota 1');



var suma= parceInt(nota1)+parseInt(nota2)+parseInt(nota3)var suma= parceInt(nota1)+parseInt(nota2)+parseInt(nota3)

var promedio= suma/3var promedio= suma/3

if (promedio>=7)if (promedio>=7)

{{

document.write(' Usted esta promocionado con un valor de: '+promedio);document.write(' Usted esta promocionado con un valor de: '+promedio);

}}

</script></script>

</body></body>

</html></html>

Estructuras condicionales Estructuras condicionales CompuestasCompuestas

Es cuando tenemos actividades por el verdadero y por el falso de la Es cuando tenemos actividades por el verdadero y por el falso de la condición. Lo más importante que hay que tener en cuenta es que condición. Lo más importante que hay que tener en cuenta es que se realizan las actividades de la rama del verdadero o las del falso, se realizan las actividades de la rama del verdadero o las del falso, nunca se realizan las actividades de las dos ramas.nunca se realizan las actividades de las dos ramas.En una estructura condicional compuesta tenemos entradas, En una estructura condicional compuesta tenemos entradas, salidas, operaciones, tanto por la rama del verdadero como por la salidas, operaciones, tanto por la rama del verdadero como por la rama del falso.rama del falso.

La estructura selectiva compuesta ( IF - THEN - ELSE ), permite La estructura selectiva compuesta ( IF - THEN - ELSE ), permite elegir entre dos alternativas posibles en función del cumplimiento o elegir entre dos alternativas posibles en función del cumplimiento o no de la condición a evaluar.no de la condición a evaluar.

Su representación es:Su representación es:

IF <Condición>IF <Condición>

THENTHEN

<Acción><Acción>

ELSEELSE

<Acción><Acción>

Ejercicio a resolverEjercicio a resolver<html><html>

<head><head>


</head></head>

<body><body>


var nota1,nota2,nota3;var nota1,nota2,nota3;




var suma= parseInt(nota1)+parceInt(nota2)+parceInt(nota3);var suma= parseInt(nota1)+parceInt(nota2)+parceInt(nota3);

var promedio= suma/3var promedio= suma/3

if (promedio>=4)if (promedio>=4)

{{

document.write(' Regular con: '+promedio);document.write(' Regular con: '+promedio);

}}

elseelse

{{

document.write(' Reprobado con: '+promedio);document.write(' Reprobado con: '+promedio);

} }

</script></script>

</body></body>

</html></html>

Operadores lógicos && (y) en las Operadores lógicos && (y) en las

estructuras condicionalesestructuras condicionales..

El operador &&, traducido se lo lee como "Y". Se emplea El operador &&, traducido se lo lee como "Y". Se emplea cuando en una estructura condicional se disponen dos cuando en una estructura condicional se disponen dos condiciones. condiciones. Cuando vinculamos dos o más condiciones con el operador Cuando vinculamos dos o más condiciones con el operador "&&" las dos condiciones deben ser verdaderas para que el "&&" las dos condiciones deben ser verdaderas para que el resultado de la condición compuesta de Verdadero y continúe resultado de la condición compuesta de Verdadero y continúe por la rama del verdadero de la estructura condicional.por la rama del verdadero de la estructura condicional.Recordemos que la condición debe ir entre paréntesis en Recordemos que la condición debe ir entre paréntesis en forma obligatoria.forma obligatoria.La utilización de operadores lógicos permiten en muchos La utilización de operadores lógicos permiten en muchos

casos, plantear algoritmos más cortos y comprensibles.casos, plantear algoritmos más cortos y comprensibles.

Problema a resolverProblema a resolver

<html><html>

<head><head>

</head></head>

<body><body>


var num1,num2,num3;var num1,num2,num3;

num1=prompt('Ingrese primer número:','');num1=prompt('Ingrese primer número:','');

num2=prompt('Ingrese segundo num2=prompt('Ingrese segundo número:','');número:','');

num3=prompt('Ingrese tercer número:','');num3=prompt('Ingrese tercer número:','');

num1=parseInt(num1);num1=parseInt(num1);



if (num1>num2 && num1>num3)if (num1>num2 && num1>num3)

{{

document.write('el mayor es el '+num1);document.write('el mayor es el '+num1);

}}

elseelse

{{

if (num2>num3)if (num2>num3)

{{

document.write('el mayor es el document.write('el mayor es el '+num2); '+num2);

}}

elseelse

{{

document.write('el mayor es el document.write('el mayor es el '+num3);'+num3);

}}

}}

</script></script>

</body></body>

</html></html>

Operadores lógicos || (o) en las Operadores lógicos || (o) en las estructuras condicionalesestructuras condicionales

Traducido se lo lee como "O". Si la condición 1 es verdadera o la Traducido se lo lee como "O". Si la condición 1 es verdadera o la condición 2 es Verdadera, luego ejecutar la rama del verdadero.condición 2 es Verdadera, luego ejecutar la rama del verdadero.Cuando vinculamos dos o más condiciones con el operador "O", con Cuando vinculamos dos o más condiciones con el operador "O", con que una de las dos condiciones sea verdadera alcanza para que el que una de las dos condiciones sea verdadera alcanza para que el resultado de la condición compuesta sea Verdadero. resultado de la condición compuesta sea Verdadero.

Los operadores lógicos nos permiten agrupar condiciones simples en Los operadores lógicos nos permiten agrupar condiciones simples en una estructura condicional, esto nos facilita la implementación de una estructura condicional, esto nos facilita la implementación de algoritmos más compactos y comprensibles.algoritmos más compactos y comprensibles.

Cuando unimos dos condiciones simples con el operador lógico 'and' Cuando unimos dos condiciones simples con el operador lógico 'and' ambas condiciones deben verificarse como verdaderas para que la ambas condiciones deben verificarse como verdaderas para que la condición compuesta se verifique verdadera.condición compuesta se verifique verdadera.

Problema a ResolverProblema a Resolver<html><html>

<head><head>

</head></head>

<body><body>


var dia,mes,año;var dia,mes,año;

dia=prompt('Ingrese día:','');dia=prompt('Ingrese día:','');

mes=prompt('Ingrese mes:','');mes=prompt('Ingrese mes:','');

año=prompt('Ingrese año:','');año=prompt('Ingrese año:','');

dia=parseInt(dia);dia=parseInt(dia);

mes=parseInt(mes);mes=parseInt(mes);

año=parseInt(año);año=parseInt(año);

if (mes==1 || mes==2 || mes==3)if (mes==1 || mes==2 || mes==3)

{{

document.write('corresponde al primer trimestre del año.');document.write('corresponde al primer trimestre del año.');

}}

</script></script>

</body></body>

</html></html>

Estructuras switchEstructuras switch

La variable <var> se evalúa y compara La variable <var> se evalúa y compara sucesivamente con todas las constantes sucesivamente con todas las constantes que aparecen junto a la palabra que aparecen junto a la palabra reservada case. Si alguna de ellas es igual reservada case. Si alguna de ellas es igual al valor de <var>se ejecuta la sentencia o al valor de <var>se ejecuta la sentencia o bloque de sentencias correspondientes. bloque de sentencias correspondientes.

Si no aparece la palabra reservada break, Si no aparece la palabra reservada break, continúa la comparación con el resto de las continúa la comparación con el resto de las opciones. opciones.

Si aparece break, se termina la ejecución Si aparece break, se termina la ejecución de la estructura switch. La opción default, de la estructura switch. La opción default, es opcional, indica la sentencia que se es opcional, indica la sentencia que se ejecuta en caso de que el valor de la ejecuta en caso de que el valor de la variable <var> no se corresponda con variable <var> no se corresponda con ninguna de las constantes expresadas. ninguna de las constantes expresadas.

La estructura switch no permite que dos La estructura switch no permite que dos constantes tengan el mismo valor. constantes tengan el mismo valor.

Si se evalúan constantes de caracteres, se Si se evalúan constantes de caracteres, se emplean sus equivalentes numéricos.emplean sus equivalentes numéricos.


<html><html>

<head><head>

</head></head>

<body><body>


var valor;var valor;

valor=prompt('Ingrese un valor valor=prompt('Ingrese un valor comprendido entre 1 y 5:','');comprendido entre 1 y 5:','');

//Convertimos a entero//Convertimos a entero

valor=parseInt(valor);valor=parseInt(valor);

switch (valor) {switch (valor) {

case 1: document.write('uno');case 1: document.write('uno');

break;break;

case 2: document.write('dos');case 2: document.write('dos');

break;break;

case 3: document.write('tres');case 3: document.write('tres');

break;break;

case 4: document.write('cuatro');case 4: document.write('cuatro');

break;break;

case 5: document.write('cinco');case 5: document.write('cinco');

break;break;

default:document.write('debe ingresar default:document.write('debe ingresar un valor comprendido entre 1 y 5.');un valor comprendido entre 1 y 5.');

}}

</script></script>

<br><br>

<A href="pagina2.html">Ver segundo <A href="pagina2.html">Ver segundo problema</a>problema</a>

</body></body>

</html></html>

Estructura repetitiva (while)Estructura repetitiva (while)

Las estructuras repetitivas nos Las estructuras repetitivas nos permiten ejecutar un bloque de permiten ejecutar un bloque de instrucciones varias veces, instrucciones varias veces, dependiendo de una condición.dependiendo de una condición.

La estructura while repite el bloque La estructura while repite el bloque de instrucciones mientras la de instrucciones mientras la condición se verifique verdadera.condición se verifique verdadera.

Una ejecución repetitiva de Una ejecución repetitiva de sentencias se caracteriza por: sentencias se caracteriza por: - La o las sentencias que se repiten.- La o las sentencias que se repiten.- El test o prueba de condición - El test o prueba de condición antes de cada repetición, que antes de cada repetición, que motivará que se repitan o no las motivará que se repitan o no las sentencias.sentencias.

Problema a resolverProblema a resolver<html><html>

<head><head>

</head></head>

<body><body>

<script language=“javascript”><script language=“javascript”>

var num;var num;

num=0num=0

while (num<=500)while (num<=500)

{{

document.write(num);document.write(num);

document.write(‘<br’>);document.write(‘<br’>);

num=num+11num=num+11

}}

</script></script>

</body></body>

</html></html>

AcumuladoresAcumuladores

Es un caso especial de Es un caso especial de variable que incrementa variable que incrementa o decrementa con o decrementa con valores variables valores variables durante la ejecución de durante la ejecución de un programa. Cada ciclo un programa. Cada ciclo que se repita la que se repita la estructura repetitiva, la estructura repetitiva, la variable suma se variable suma se incrementa con el incrementa con el contenido ingresado en contenido ingresado en la variable valor.la variable valor.

Problema a ResolverProblema a Resolver<html><html>

<head><head>


</head></head>

<body><body>


Var cont=1;Var cont=1;

Var suma=0;Var suma=0;

Var altura;Var altura;

While(cont<=5)While(cont<=5)

{{

Altura= prompt(‘Ingrese la altura’);Altura= prompt(‘Ingrese la altura’);

Altura= parseInt(altura);Altura= parseInt(altura);

Suma= suma+altura;Suma= suma+altura;

Cont=cont+1Cont=cont+1

}}

Promedio=suma/2;Promedio=suma/2;

Doument.write(“El promedio de las alturas sera”+promedio+”<br>”);Doument.write(“El promedio de las alturas sera”+promedio+”<br>”);

</script></script>

</body></body>

</html></html>

Estructura repetitiva (while)Estructura repetitiva (while)

Las estructuras repetitivas nos permiten ejecutar un bloque de Las estructuras repetitivas nos permiten ejecutar un bloque de instrucciones varias veces, dependiendo de una condición.instrucciones varias veces, dependiendo de una condición.

La estructura while repite el bloque de instrucciones mientras la La estructura while repite el bloque de instrucciones mientras la condición se verifique verdadera.condición se verifique verdadera.

Es importante recordar y remarcar que las instrucciones que se Es importante recordar y remarcar que las instrucciones que se ejecutan en la estructura repetitiva while son todas las que se ejecutan en la estructura repetitiva while son todas las que se encuentran internadas a la derecha (cuatro espacios más a la encuentran internadas a la derecha (cuatro espacios más a la derecha de la instrucción while).derecha de la instrucción while).

La condición de la estructura está abajo del bloque a repetir, a La condición de la estructura está abajo del bloque a repetir, a diferencia del while que está en la parte superior.diferencia del while que está en la parte superior.Finaliza la ejecución del bloque repetitivo cuando la condición Finaliza la ejecución del bloque repetitivo cuando la condición retorna falso, es decir igual que el while.retorna falso, es decir igual que el while.


<html><html>

<head><head>

</head></head>

<body><body>


var valor;var valor;

do {do {

valor=prompt('Ingrese un valor entre 0 y valor=prompt('Ingrese un valor entre 0 y 999:','');999:','');

valor=parseInt(valor);valor=parseInt(valor);

document.write('El valor '+valor+' tiene document.write('El valor '+valor+' tiene ');');

if (valor<10)if (valor<10)

{{

document.write('Tiene 1 digitos');document.write('Tiene 1 digitos');

}}

elseelse

{{

if (valor<100)if (valor<100)

{{


}}

elseelse

{{


}}

}}

document.write('<br>');document.write('<br>');

} while(valor!=0);} while(valor!=0);

</script></script>

</body></body>

</html></html>

Estructura repetitiva (for)Estructura repetitiva (for)

Cualquier problema que requiera una estructura repetitiva se Cualquier problema que requiera una estructura repetitiva se puede resolver empleando la estructura while. Pero hay otra puede resolver empleando la estructura while. Pero hay otra estructura repetitiva cuyo planteo es más sencillo en ciertas estructura repetitiva cuyo planteo es más sencillo en ciertas situaciones.situaciones.Esta estructura se emplea en aquellas situaciones en las Esta estructura se emplea en aquellas situaciones en las cuales CONOCEMOS la cantidad de veces que queremos cuales CONOCEMOS la cantidad de veces que queremos que se ejecute el bloque de instrucciones. Ejemplo: cargar 10 que se ejecute el bloque de instrucciones. Ejemplo: cargar 10 números, ingresar 5 notas de alumnos, etc. Conocemos de números, ingresar 5 notas de alumnos, etc. Conocemos de antemano la cantidad de veces que queremos que el bloque antemano la cantidad de veces que queremos que el bloque se repita.se repita.

Trabajo final programacion

Documents

Transcript of Trabajo final programacion