S07.s1 - JavaScript
S07.s1 - JavaScript
Web
MSc. Yuliana Jáuregui Rosas
Dudas sobre la clase anterior
• Tema:
• CSS – Hojas de estilo en cascada
Saberes previo
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
</head>
<body>
<button onclick="alert('Bienvenidos')">Aceptar</button>
</body>
</html>
JavaScript interno
x y x && y x || y !x
Verdadero Verdadero Verdadero Verdadero Falso
Verdadero Falso Falso Verdadero Falso
Falso Verdadero Falso Verdadero Verdadero
Falso Falso Falso Falso Verdadero
Operadores de asignación
Resultado
Símbolo Definición Expresión
x = 12
= Asigna a una variable, el A=x+5 A = 17
resultado de una expresión o un
valor que se encuentra al lado
derecho del signo =
Operadores de asignación
• Se puede usar el operador de asignación compuesto cuando la operación
contiene como primer operando la misma variable en la que se almacena
el resultado.
Expresión Resultado
Símbolo Expresión
abreviada a = 10
+= a=a+6 a+=6 16
-= a=a-5 a-=5 5
*= a=a*4 a*=4 40
/= a=a/2 a/=2 5
%= a=a%3 a%=3 1
Conversiones de tipo
Donde:
• Texto a mostrar: Es el mensaje que se mostrará en la ventana emergente.
Ejemplo 1
• Mostrar un mensaje de bienvenida.
Función prompt()
• Esta función muestra una ventana emergente con un campo de entrada que
permite al usuario introducir un valor. Retorna el valor ingresado. Su sintaxis es:
Donde:
• Texto descriptivo: Es el mensaje que se mostrará por pantalla pidiendo la
inserción o rellanado de información.
• Texto por defecto (Opcional): Podemos dejar un valor por defecto para que el
usuario no tenga que escribirlo o rellenarlo.
Ejemplo 2
• Ingresar el nombre de una persona y mostrar un saludo con el nombre
ingresado
Función document.write()
• La función document.write() escribe el contenido solo al cargar la página, si
se llama posteriormente, será necesario volverla a cargar.
• Su sintaxis es:
Donde:
• Texto: es el mensaje que se muestra.
• Variable: muestra el valor que contiene una variables
Ejemplo 3
Donde:
• Mensaje: es la cadena que se muestra en el diálogo.
• Resultado: es un valor booleano indicando si se ha pulsado Aceptar (true)
o Cancelar (false).
Ejemplo 5
• Confirmar si desea visitar la pagina de la UTP.
Función
document.getElementById()
• Esta función pertenece al objeto document. Permite obtener el
objeto que hace referencia al elemento con un id concreto.
• Permite obtener un valor numérico si se considera el siguiente
formato.
Ejemplo 6
if (condición) { if (condición1) {
instrucción; instruccion1; switch (variable) {
} } case c1: instruccion1;
else if (condición2) { break;
instruccion2; case c2: instruccion2;
} break;
if (condición) { else if (condición3) { ...
instrucción1; instruccion3; case cn: instruccionN;
} } break;
else { else { default: instruccionX;
instrucción2; instruccion4; }
} }
Estructuras repetitivas
• Las estructuras que repiten una secuencia de instrucciones un número
determinado de veces se denominan Bucles. Entre las estructuras
repetitivas se encuentran:
while (condición){ do {
instrucciones; instrucciones;
}
} while (condición);
53
Ejercicio 3
• Elabore un programa que determine la calificación de un
estudiante en base a su promedio, de acuerdo a la siguiente
tabla:
Promedio Calificación
20 – 18 A
17 – 14 B
13 – 11 C
10 – 6 D
5–0 E
Ejercicio 4