Presentación1

NESTOR MOTTA RUIZ

JavaScript
Conceptos de Algoritmo, Programa y Lenguaje de Programación.
Que es Java Script?
Variables
Entrada de datos por teclado .
Estructuras Secuenciales de Programación.
Estructuras condicionales simples.
Estructuras condicionales compuestas.
Estructuras condicionales anidadas.
Operadores lógicos && (y) en las estructuras condicionales
Operadores lógicos || (o) en las estructuras condicionales .
Estructuras switch.
Estructura repetitiva (while)
Concepto de acumulador.
Estructura repetitiva (do/while)
Estructura repetitiva (for)

Conceptos de Algoritmo, Programa y Lenguaje de Programación.
Algoritmo: Pasos a seguir para la solución de un problema
Programa: Conjunto de instrucciones que entiende un ordenador para realizar una actividad. Cada tipo de programa tiene un objetivo bien definido por ejemplo un procesador de texto el cual permite cargar, modificar e imprimir textos.
Lenguaje de programación: Conjunto de instrucciones que son interpretadas por una computadora para realizar operaciones, mostrar datos por pantalla, sacar listados por impresora, entrar datos por teclado, etc.

Qué es JavaScript?
JavaScript, al igual que Flash, Visual Basic Script, son maneras que han surgido para extender las capacidades del lenguaje HTML. JavaScript no es un lenguaje de programación propiamente dicho ya que es un lenguaje script lo cual no permite desarrollar un programa con JavaScript que se ejecute fuera de un Navegador.
EJEMPLO

<html>
<head>
<title>Problema</title>
</head>
<body>
<script language="javascript">
document.write('NESTOR MOTTA');
document.write("<br>");
document.write('17 años');
</script>
</body>
</html>

Variables
Una variable es un depósito donde hay un valor. Consta de un nombre y pertenece a un tipo (numérico, cadena de caracteres, etc.). Una variable puede almacenar:
Valores Enteros (100, 260, etc.)
Valores Reales (1.24, 2.90, 5.00, etc.)
Cadenas de caracteres ("Juan", "Compras", "Listado", etc.) Valores lógicos (true,false)
Las variables son nombres que ponemos a los lugares donde almacenamos la información.
En JavaScriptUna variable no puede tener el mismo nombre de una palabra clave del lenguaje.
EJEMPLO

<body>
var nombre="Nestor";
var salario=8000000;
document.write(nombre);
document.write('<br>');
document.write(salario);
</script>
</body>
</html>

Entrada de datos por teclado
Para la entrada de datos por teclado tenemos la función prompt. Cada vez que necesitamos ingresar un dato con esta función, aparece una ventana donde cargamos el valor a pesar de que hay otras formas mas sofisticadas esta resulta ser muy practica.
EJEMPLO

<body>
var nombre=;
var email=;
nombre= prompt (‘ingrese su nombre:,’’);
email= prompt (‘ingrese su email:,’’);
document.write(‘Nombre:‘+nombre);
document.write(‘Email:‘+email);
</script>
</body>
</html>

Estructuras secuenciales de programación
Estas estructuras aparecen cuando en un problema sólo participan operaciones, entradas y salidas
EJEMPLO

<html>
<head>
<script language="JavaScript">
var valor1;
valor1=prompt('Ingrese el valor del lado:','');
var producto=valor1*4;
document.write('El perimetro es ');
document.write(producto);
</script>
</head>
<body>
</body>
</html>

Estructuras condicionales simples
Cuando hay que tomar una decisión aparecen las estructuras condicionales. Estas estructuras aparecen en nuestra vida diaria cuando debemos tomar una decision.
¿Elijo la carrera A o la carrera B ?Al cursar una carrera, ¿elijo el turno mañana, tarde o noche ?
En un problema se pueden combinar estructuras secuenciales y condicionales.
EJEMPLO

<html>
<head>
</head>
<body>
var nombre;
var clave;
var clave2;
nombre=prompt('Ingrese nombre:','');
clave=prompt('Ingrese su clave:','');
clave2=prompt('Ingrese su clave nuevamente:','');
if (clave==clave2)
{
document.write(nombre+' la calve es correcta ');
}
</script>
</body>
</html>

Estructuras condicionales compuestas.
Esta estructura nos permite elegir una opción, puede tomar cualquier camino, o falso o verdadero pero hay que tomar en cuenta que solo realiza las actividades de la sección verdadero o las del falso NUNCA se realizan las actividades de las dos ramas.
EJEMPLO

EJERCICIO 1 CONCEPTO 7
<html>
<head>
</head>
<body>
var num1,num2;
num1=prompt('Ingrese el primer número:','');
num2=prompt('Ingrese el segundo número:','');
num1=parseInt(num1);
var suma=num1+num2
var resta=num1-num2
var producto=num2*num1
var division=num1/num2
if (num1>num2)
{
document.write('La suma es '+suma);
documen.write(' y su resta es '+resta);
}
else
{
document.write('el producto es '+producto);
document.write(' y su division es '+division);
}
</script>
</body>
</html>

Estructuras condicionales anidadas
La estructura condicional anidada es utilizada cuando dentro de una condición existe otra.
Ejemplo: Es hombre o mujer?, si es mujer cuantos hijos tiene?, si es hombre, cuanto años tiene?.
EJEMPLO

<html>
<head>
</head>
<body>
var num1,num2,num3;
num1=prompt('Ingrese 1er. numero:','');
num2=prompt('Ingrese 2do. numero:','');
num3=prompt('Ingrese 3er. numero:','');
//Convertimos los 3 string en enteros
if (num1>num2)
{
document.write(num1);
}
else
{
if (num2>num3)
{
}
else
{
}
}
</script>
</body>
</html>

Operadores lógicos && (y) en las estructuras condicionales
Estos operadores lógicos se emplean cuando en una estructura condicional se disponen o hay dos condiciones.
Cuando este operador se usa, las dos condiciones deben ser verdaderas para que el resultado de la condición de como resultado verdadero también y la solución del problema pueda continuar por el camino verdadero de la estructura condicional.
Los operadores lógicos son de gran ayuda, ya que permiten que la resolución del problema sea más corta y comprensible.
EJEMPLO

<html>
<head>
</head>
<body>
var num1,num2,num3;
num1=prompt('Ingrese primer número:','');
num2=prompt('Ingrese segundo número:','');
num3=prompt('Ingrese tercer número:','');
if (num1<10 && num2<10 && num3<10)
{
document.write('todos los numeros son menores a 10');
}
else
{
if (num1>10 && num2<10 && num3>10)
{
document.write('el segundo numero es menor que 10');
}
else
{
if (num1>10 && num2>10 && num3<10)
{
document.write('el tercer numero es menor que 10');
}
else
{
document.write('todos los numeros son mayores que 10');
}
}
}
</script>
</body>
</html>

Operadores lógicos || (o) en las estructuras condicionales.
Representado con la letra “O”, indica si la condicipón 1 es verdader la 2 también es verdadera., para luego ejecutar esta misma rama.
Cuando en un problema se vinculan dos o más operadores “O”, solo basta con que una de las dos sea verdadera para que la otra también lo sea y el resultado de la condición compuesta es verdadero.
EJEMPLO

var num1,num2,num3;
num1=prompt('Ingrese primer numero:','');
num2=prompt('Ingrese segundo numero:','');
num3=prompt('Ingrese tercer numero:','');
if (num1<10 || num2<10 || num3<10){
document.write('todos los números son menores que 10.');}
</script>

ESTRUCTURAS SWITCH
La instrucción switch es una alternativa para remplazar los if y los else if.
switch nos brinda una forma mas ordenanda a la hora de programar
Divide las condiciones en casos.
Sintaxis:
Switch(opcion que elija)
Case (opcion que elija) : codigo…;
Break; //rompe el caso, se sale del switch.
Default: (mensaje para verificar opcion).
EJEMPLO

html>
<head>
<title>Problema</title>
</head>
<body>
alert("digite 1. casa 2. mesa 3. perro 4. gato")
var op = prompt("entre la opcion:", " ");
var op = parseInt (op);
switch(op)
{
case 1: alert("home");
break;
case 2: alert("table");
break;
case 3: alert("dog");
break;
case 4: alert("cat");
break;
default:alert("numero no valido, ingrese un numero de 1 a 4");
}
</script>
</body>
</html>

Estructura repetitiva (while)
Son otro tipo de estructuras muy utilizadas y de igual importancia a las estructuras secuenciales y condicionales.
Su función principal es ejecutar cierto número de instrucciones varias veces.
Las principales características de esta ejecución es que se periten y un elemento “test” ubicado antes de cada repetición y hace q haya o no repetición.
Para que funcione debemos tener en cuenta la condición, si esta es verdadera se ejecutan las acciones que van dentro de las llaves después del while. Pero si es falsa continuará con la siguiente.
Si la condición es verdadera sabemos que se torna infinita, lo que indica que nunca terminará el programa
EJEMPLO

var num;
num=11;
while (num<=275){
document.write(num);
num=num+11;}
</script>

Concepto de acumulador
Es un registro en donde se almacenan los resultados lógicos y aritméticos intermedios. Es de gran ayuda, pues si no existiera, tendríamos que escribir los resultados de cada operación para luego ser utilizado.
EJEMPLO

var cont=1,var suma=0,var altura;
while (cont<=5)
{ altura=prompt('Ingrese su altura:','');
altura=parseInt(altura);
suma=suma+altura;
cont=cont+1;}
promedio=suma/2;
document.write("El promedio de las alturas es de: "+promedio+"<br>");
</script>

ESTRUCTURA REPETITIVA (DO/WHILE)
Esta estructura repetitiva es utilizada cuando sabemos que la sentencia se ejecutara al menos una vez.
Sintaxis:
do{ bloque de código}
while (condición);

ESTRUCTURA REPETITIVA (FOR)
Esta estructura se usa cuando conocemos la cantidad de veces que queremos que se ejecute la sentencia.
Es muy empleada en ejercicios donde conocemos de antemano la cantidad de veces que queremos que se repita la ejecución del bloque de instrucciones.

Presentación1

by Nestor

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Presentación1 Presentation Transcript