Diferencia entre revisiones de «Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales»

De WikiEducator
Saltar a: navegación, buscar
 
(2 revisiones intermedias por el mismo usuario no mostrado)
Línea 69: Línea 69:
 
}}
 
}}
  
 +
==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
  
<div style="font-size:smaller; font-family:menu,Arial;border:1px solid #808080; width: 20%; margin-right:auto;margin-left:auto;background-color: #F6F9ED border-radius: 50px 50px 50px 30px:">
+
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio3  |<font size=5 color=red>Solucion</font>]]
<font size=5 color=red>
+
{{DGA tarea|
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio3  |Solución]]
+
Title=Ejercicio 4|
</font>
+
;Asignación
</div>
+
*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
 +
}}
 +
 
 +
 
 +
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio4 |<font size=5 color=red>Solucion</font>]]

Última revisión de 12:48 5 mar 2016



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


Icon key points.gif

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


Icon summary.gif

Resumen

Instrucción escribir
alert ("mensaje");
document.write ("mensaje");





Crystal Clear app vcalendar.png

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



Crystal Clear app vcalendar.png

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


Icon summary.gif

Resumen

Instrucción escribir




Crystal Clear app vcalendar.png

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



Icon key points.gif

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



Crystal Clear app vcalendar.png

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



Icon key points.gif

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