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

De WikiEducator
Saltar a: navegación, buscar
(→‎Instrución básica de leer dato del teclado)
 
(18 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
 
{{Usuario:ManuelRomero/JavaScript/ejemplos/nav}}
 
{{Usuario:ManuelRomero/JavaScript/ejemplos/nav}}
 +
{{#widget:JQueryUI}}
 +
 
<br />
 
<br />
 
__NOTOC__
 
__NOTOC__
Línea 15: Línea 17:
 
*En JavaScript tenemos a nivel básico  las siguientes funciones para escribir por la pantalla
 
*En JavaScript tenemos a nivel básico  las siguientes funciones para escribir por la pantalla
 
{{Resumen|
 
{{Resumen|
−
Title=Instrucción escribir|
+
;Instrucción escribir
−
;alert ("mensaje");
+
<source lang=javascript>
−
;document.write ("mensaje");
+
alert ("mensaje");
 +
document.write ("mensaje");
 +
</source>
 
}}
 
}}
  
Línea 25: Línea 29:
 
*Usa tanto el alert como document.write
 
*Usa tanto el alert como document.write
 
}}
 
}}
−
{{clickable button|Text|color=blue}}.
 
 
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio1 |<font size=5 color=red>Solucion</font>]]
 
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio1 |<font size=5 color=red>Solucion</font>]]
−
 
+
{{Clickable button|:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}
 
{{DGA tarea|
 
{{DGA tarea|
 
Title=Ejercicio 2
 
Title=Ejercicio 2
Línea 39: Línea 42:
 
**¿Por qué?, ¿Cómo lo podrías corregir?
 
**¿Por qué?, ¿Cómo lo podrías corregir?
 
}}
 
}}
−
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio2 |Solucion]]
+
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio2 |<font size=5 color=red>Solucion</font>]]
  
 
===Instrución básica de leer dato del teclado===
 
===Instrución básica de leer dato del teclado===
Línea 46: Línea 49:
 
*El valor que retorna lo necesitamos almacenar en una variable
 
*El valor que retorna lo necesitamos almacenar en una variable
 
{{Resumen|
 
{{Resumen|
−
Title="Instrucción escribir"|
+
;Instrucción escribir|
−
;var nombre;
+
<source lang=javascript>
−
;nombre = prompt("Dame un nombre");
+
var nombre;
 +
nombre = prompt("Dame un nombre");
 +
</source>
 
}}
 
}}
 
{{DGA tarea|
 
{{DGA tarea|
−
Title=Ejercicio 2
+
Title=Ejercicio 2|
−
|'''''Escribe un programa que te pida  un nombre
+
'''''Escribe un programa que te pida  un nombre
−
 
+
 
*Crea primero una variable con un identificador nombre
 
*Crea primero una variable con un identificador nombre
 
*a esa variable le asignamos el valor que nos devuleva la función prompt
 
*a esa variable le asignamos el valor que nos devuleva la función prompt
Línea 59: Línea 63:
 
*La función '''''prompt''''' siempre devuelve el valor como una cadena de caracteres
 
*La función '''''prompt''''' siempre devuelve el valor como una cadena de caracteres
 
*Luego para verificarlo escribes el valor por la pantalla
 
*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
 +
 +
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio3  |<font size=5 color=red>Solucion</font>]]
 +
{{DGA tarea|
 +
Title=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
 
}}
 
}}
−
[[Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales/Ejercicio3 |Solucion]]
+
{{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

Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/JavaScript/ejemplos/secuenciales&oldid=18930»