LENGUAJE JAVASCRIPT: JavaScript un lenguaje de programación web
Programación web al lado del cliente
JavaScript Un lenguaje de script en el cliente
Instrucciones secuenciales
- En cualquier lenguaje de programación tenemos 5 instrucciones secuenciales:
- 1.-Inicio y fin de bloque
-
- 2.-Declaraciones (variables, constantes, funciones)
- 3.-Leer datos o valores del teclado
- 3.-Escribir un mensaje por la pantalla
- 5.-Hacer una asignación
Puntos clave
- Es responsabilidad del programador identificar la necesidad de usar una instrucción u otra
|
Instrución básica de escribir por la pantalla
- En JavaScript tenemos a nivel básico las siguientes funciones para escribir por la pantalla
Resumen
- Instrucción escribir
alert ("mensaje");
document.write ("mensaje");
|
Ejercicio 1
Escribe un programa que te diga el mensaje "Hola como estás"
- Usa tanto el alert como document.write
|
Solucion
Plantilla:Clickable button
Ejercicio 2
Escribe un programa que te diga tres mensajes
;"Hola como estás"
;"Espero que te guste Java Script"
;"Me despido, hasta otra
- Usa tanto el alert como document.write
- Si lo haces con alert observa que entre mensaje y mensaje tienes que cerrar la ventana
- Si lo haces con document.write que escribe en la página, observa que sale todo seguido
- ¿Por qué?, ¿Cómo lo podrías corregir?
|
Solucion
Instrución básica de leer dato del teclado
- En JavaScript podremos leer datos del formulario
- Para empezar usaremos la función prompt que SIEMPRE devuelve un valor de tipo string
- El valor que retorna lo necesitamos almacenar en una variable
Resumen
- Instrucción escribir
|
Ejercicio 2
Escribe un programa que te pida un nombre
- Crea primero una variable con un identificador nombre
- a esa variable le asignamos el valor que nos devuleva la función prompt
- La función prompt se encarga de pedir un valor por el teclado y leerlo y devolverlo
- La función prompt siempre devuelve el valor como una cadena de caracteres
- Luego para verificarlo escribes el valor por la pantalla
|
Puntos clave
- Cuando quiero visualizar una variable no tiene que ir entre comillas
- ¿Tienes claro esto?
|
Asignación
- Es una instrucción muy frecuente
- Siempre es así
variable = valor
- valor se puede indicer de diferentes maneras
un valor literal
una variable que contiene un valor valor almacenado en una variable
una expresión que tras evaluarse (ejecutarse) me devuelve un valor
en una expresión hay operandos (valores) y operadores
una función que me devuelve un valor
Solucion
Ejercicio 4
- Asignación
- Pide dos valores, uno será el precio base, y otro la cantidad
- Visualizamos el importe total, que será
número de unidades * precio base
- Luego calculamos el iva (suponemos un 21 %)
- Visualizamos el total de impuestos
- Visualizamos el total
|
Puntos clave
- En este caso tenemos valores que pedimos al usuario (almacenamos en las variables precio y cantidad)
var precio;
var cantidad;
- Después tenemos valores que calculamos y almacenamos en variables impuesto totalBase y totalBruto)
var impuesto;
var totalBase;
var totalBruto
- Visualizamos todo
- Observa como según necesitamos variables las vamos creando
- Intentamos siempre buscar nombres significativos para las variables
|
Solucion