Escolar Documentos
Profissional Documentos
Cultura Documentos
LiveScript=JavaScripts<>JAVA
Para que sirve JavaScript
JavaScript sirve principalmente para mejorar la
gestión de la interfaz cliente/servidor
case super in
<script language="JavaScript">
var mivariable=valor
document.write(mivariable);
</script>
Tipos de variables Booleanos
Una variable de tipo boolean almacena un tipo
especial de valor que solamente puede tomar dos
valores: true (verdadero) o false (falso).
var numero1 = 5;
var numero2 = 2;
numero3 = ++numero1 + numero2;
// numero3 = 8, numero1 = 6
Operadores Lógicos
Se utilizan para tomar decisiones sobre las
instrucciones que debería ejecutar el programa en
función de ciertas condiciones.
var cantidad = 0;
vacio = !cantidad; // vacio = true
cantidad = 2;
vacio = !cantidad; // vacio = false
Operador lógico
de negación !
● Si la variable contiene una cadena de texto, se
transforma en false si la cadena es vacía ("") y en
true en cualquier otro caso.
var numero1 = 5;
numero1 += 3; // numero1 = numero1 + 3 = 8
numero1 -= 1; // numero1 = numero1 - 1 = 4
numero1 *= 2; // numero1 = numero1 * 2 = 10
numero1 /= 5; // numero1 = numero1 / 5 = 1
numero1 %= 4; // numero1 = numero1 % 4 = 1
Operadores Relacional
Son utilizados para relacionar variables:
if(condicion) {
instrucciones
}
if (nota>=70)
{
document.write(nombre+' esta aprobado con un '+nota);
}
Estructura de control if
Ejemplo 2 otra forma
var nombre;
var nota;
nombre=prompt('Ingrese nombre:','');
nota=prompt('Ingrese su nota:','');
if (nota>=70)
{
document.write(nombre+' esta aprobado con un '+nota);
}
Ejercicio 1
Solicitar que se ingrese dos veces una clave. Mostrar un
mensaje si son iguales o no.
Ejercicio 2
Completar las condiciones de los if del siguiente script para que los mensajes de los
alert() se muestren siempre de forma correcta:
var numero1 = 5;
var numero2 = 8;
if(...) {
alert("numero1 no es mayor que numero2");
}
if(...) {
alert("numero2 es positivo");
}
if(...) {
alert("numero1 es negativo o distinto de cero");
}
if(...) {
alert("Incrementar en 1 unidad el valor de numero1 no lo hace mayor o igual
que numero2");
}
Estructura if..else compuesta
En una estructura condicional compuesta tenemos
entradas, salidas, operaciones, tanto por la rama del
verdadero como por la rama del falso.
if(condicion) {
instrucciones
}
else {
instrucciones
}
Estructura if..else compuesta
En una estructura condicional compuesta tenemos
entradas, salidas, operaciones, tanto por la rama del
verdadero como por la rama del falso.
suma=suma+valor;
valor suma item
0 0
5 5 1
16 21 2
7 28 3
10 38 4
2 40 5
Ejercicios
1)El factorial de un número entero n es una operación
matemática que consiste en multiplicar todos los factores n x
(n-1) x (n-2) x ... x 1. Así, el factorial de 5 (escrito como 5!) es
igual a: 5! = 5 x 4 x 3 x 2 x 1 = 120
2) Desarrollar un programa que muestre la tabla de multiplicar
del 5 (del 5 al 50).
3)Se realiza la carga de 10 valores enteros por teclado. Se
desea conocer:
a) La cantidad de valores negativos ingresados.
b) La cantidad de valores positivos ingresados.
c) La cantidad de múltiplos de 15.
d) El valor acumulado de los números ingresados que son
pares.
Estructura for in
Derivada del for su función es usada para recorrer todos los
elementos de un arrays.
for(indice in array) {
intrucciones
}
SWITCH (expresion)
{
CASE Valor1: Instrucción1; Break;
CASE Valor2: Instrucción2; Break;
CASE Valor3: Instrucción3; Break;
CASE ValorN: InstrucciónN
}
Estructura switch ejemplo 1
<script language="javascript">
var dia;
dia=prompt('Ingrese un numero entre 1 y 7 del dia de la semana:','');
//Convertimos a entero
valor=parseInt(dia);
switch (valor) {
case 1: document.write('lunes'); break;
case 2: document.write('martes'); break;
case 3: document.write('miercoles');break;
case 4: document.write('jueves'); break;
case 5: document.write('viernes'); break;
case 6: document.write('sabado'); break;
case 7: document.write('domingo'); break;
default:document.write('debe ingresar un valor comprendido entre 1 y 7.');
}
</script>
Estructura switch ejemplo 2
<html>
<head>
</head>
<body>
<script language="javascript">
var col;
col=prompt('Ingrese el color con que se quiere pintar el fondo de la ventana(rojo, verde, azul)' ,'');
switch (col) {
case 'rojo': document.bgColor='#ff0000';
break;
case 'verde': document.bgColor='#00ff00';
break;
case 'azul': document.bgColor='#0000ff';
break;
}
</script>
</body>
</html>
Ejercicio
1)Hacer un programa que calcule:
- El valor del área de un triángulo, dada la base y la
altura.
- El valor de la base de un triángulo dada la altura y el
área.
- El valor de la altura de un triángulo dada la base y el
área.
2)Solicitar por pantalla un deporte y desplegar varios
implemento de dicho deporte.
Estructura de repetición while
En primer lugar se verifica la condición, si la misma
resulta verdadera se ejecutan las operaciones que
indicamos entre las llaves que le siguen al while.
while(condicion){
instrucciones
}
ejemplo: numeros del 1 al 100
var x=1;
while (x<=100){
document.write(x);
document.write('<br>');
x=x+1;
}
Ejercicio
1)Mostrar los múltiplos de 8 hasta el valor 500. Debe
aparecer en pantalla 8 -16 -24, etc.
2)Realizar un programa que imprima 25 términos de la
serie 11 - 22 - 33 - 44, etc.
Estructura do while
Esta estructura repetitiva se utiliza cuando conocemos
de antemano que por lo menos una vez se ejecutará el
bloque repetitivo. La condición de la estructura está
después del bloque o sentencias a repetir, a diferencia del
while que está en la parte superior.
do{
sentencias
}while(condicion);
Estructura do while
<script language="javascript">
var valor;
do {
valor=prompt('Ingrese un valor entre 0 y 999:','');
valor=parseInt(valor);
document.write('El valor '+valor+' tiene ');
if (valor<10)
{ document.write('Tiene 1 digitos');}
else{ if (valor<100)
{ document.write('Tiene 2 digitos')}
else {document.write('Tiene 3 digitos');
}
}
document.write('<br>');
} while(valor!=0);
</script>
Ejercicio
Se realizó un censo provincial y se desea procesar la
información obtenida en dicho censo. De cada una de las
personas censadas se tiene la siguiente información: número
de documento, edad y sexo ('femenino' o 'masculino')
Se pide confeccionar un programa que lea los datos de cada
persona censada (para finalizar ingresar el valor cero en el
número de documento) e informar:
Por ejemplo: