Clase Programación 6

Programacin
Clase 6. Javascript
Prof. Gonzalo Mller
gmullerb@mail.com
Facultad de Ingeniera Universidad Central de Venezuela
Clase Anterior
Programas. Sistemas Operativos: Funciones, Tipos. Lenguajes de Programacin: Nivel: Alto, Medio, Bajo, Maquina. Ejecucin: Compilados, Interpretados. JavaScript. HTML: Estructura Bsica de un Documento HTML: Encabezado, Cuerpo. Etiquetas HTML y Atributos HTML. HTML lienzo en blanco para comenzar la obra.
Programacin Prof. Gonzalo Mller Clase 6 GM - 2
Lenguaje de programacin Interpretado

Creacin de un programa utilizando un lenguaje de programacin interpretado
Algoritmo
Leer n n=n+1 n=n-1 Escribir n Fin

Algoritmo
Editor de Texto

Algoritmo
Editor de Texto Programa fuente: Java, JavaScript, etc.

Programa fuente: Contiene las instrucciones en el lenguaje de programacin

Algoritmo
Editor de Texto Programa fuente: Java, JavaScript, etc. Interprete (Navegador)


Algoritmo
Editor de Texto Programa fuente: Java, JavaScript, etc. Interprete (Navegador) Programa en ejecucin

Algoritmo
Correccin de errores algortmicos
Editor de Texto Programa fuente: Java, JavaScript, etc. Interprete (Navegador) Programa en ejecucin
Correccin de errores de sintaxis
JavaScript
El vocabulario de JavaScript esta compuesto: Identificadores. Palabras Claves (keywords). Constantes. Operadores. Separadores. Comentarios.
Vocabulario de JavaScript
Identificador: Es el nombre que el programador coloca para referirse a una determinada variables o funcin.
x =
b 4 ac Variables 2a
b b 4 ac 2a Variables
2
Raices ( a , b , c ) =
Funcin
Reglas para definir un Identificador: 1. Se forma con una secuencia de los siguientes caracteres:
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST UVWXYZ 0123456789 _

2. No puede contener espacios en blanco, ni ningn otro carcter diferente de los indicados en anteriormente. 3. El primer carcter no puede ser un dgito. 4. Hay distincin entre las letras maysculas y minsculas.
Recomendacin: utilizar nombres que tengan un significado para el dato funcin que representan.
Ejemplo:
NumeroDatos numeroDatos Numero_Datos Numero Datos Numero.Datos 1Datos
Ejemplo:
NumeroDatos numeroDatos Numero_Datos Numero Datos Numero.Datos Incorrecto 1Datos
Correcto
Ejemplo:
NumeroDatos numeroDatos Numero_Datos Numero Datos Numero.Datos 1Datos
Diferentes
Palabras clave: estn constituidos por una serie de palabras que define el lenguaje y que el programador no puede utilizar como identificador ya que tiene una funcin especfica.
break void while var public double float continue case comment with byte long package do else delete abstract int false goto for function export true short native private import in if null char throws alert new return label this typeof swith
protected boolean interface static final prompt transient confirm
Constantes: Numricas. Lgicas. Texto.
Constantes Numricas: Enteras: Formada con secuencia de dgitos del 0 al 9, , +. Reales: Formada con secuencia de dgitos del 0 al 9, , , +, e, E y/o . . Constantes Lgicas:
Verdadero: true. Falso: false.
Constantes Texto:
Encerradas entre comillas.
Ejemplo: Entera sin signo: 25 Real: 908.5 567e10 Texto: Lenguaje C++ es el mejor
12564
Entera con signo: -678 -789
Operadores: Son signos especiales o un conjunto de ellos que indican diferentes operaciones a realizar
+ * =
Operadores: Asignacin. Aritmticos. Relacionales. Lgicos.
Operador Asignacin, = : Coloca un valor dado a una variable. Una constante. El valor de otra variable. El resultado de una expresin. Constante Variable = Valor
Siempre a la izquierda
Variable Expresin
Ejemplo:
A = 1000 A = B A = (A + 1)/2 + B*6 D = 200 R = 4.5 R = 25.5*X +Y
Operadores Aritmticos: Suma: + Resta: Multiplicacin: * Divisin: /
El resultado es siempre es un numero real.
Residuo de divisin entera: % Se utilizan con variables y constantes para formar expresiones aritmticas.
Operadores Relacionales: Mayor que: > Menor que: < Igual que: == Mayor o igual que: >= Menor o igual que: <= Distinto que: != Se utilizan con variables y constantes para formar expresiones lgicas sencillas.
Operadores Lgicos: Y: && O: || Se utilizan expresiones lgicas sencillas para formar expresiones lgicas compuestas. Negacin: !
Separadores: estn constituidos por: Espacios en blanco. Tabuladores. Caracteres de nueva lnea. A=(A+1)/2+B*6 A = (A + 1)/2 + B*6
Operacin escrita sin separadores Operacin escrita con separadores
Comentarios: es posible introducir comentarios en el programa fuente, que permitan aclarar parte del mismo. El interprete ignora los comentarios.
/* : indica al interprete el comienzo de un comentario. */ : indica al interprete el final de un comentario. // : indica al interprete que el resto de la lnea es un comentario.
/* y */ Siempre deben ser usados en pareja. Ejemplo:
/* Este es un comentario: lenguaje C++ es el mejor lenguaje de programacin */ // Otro comentario: la mayora de los // sistema operativos son desarrollados // en C++
Programa JavaScript
Para colocar el cdigo fuente en Javascript en el documento HTML es necesario colocar las etiquetas correspondientes, <script>. <script> Cdigo Fuente </script>
Programa JavaScript
El script debe ser colocado dentro del documento HTML: <html>
<head> <title>TITULO</title> </head> <body> CONTENIDO </body> <script> CODIGO FUENTE </script> </html>
Estructura Bsica de un programa JavaScript
<script>
Declaraciones Secuencia de Sentencias

</script>
Declaraciones
<script>

</script>
Variables
Declaracin
Consiste en definir las variables a hacer utilizadas en el programa.
var variable var variable1, variable2,

var: palabra clave de JavaScript utilizada para definir una o varias variables.
Declaracin
Ejemplo:
Identificador
var llamadas // Cantidad de llamadas

Identificador1 Identificador3
var minimo, maximo, media /* minimo, maximo y media de las nota del curso*/
Declaracin
Las variables siempre debe declararse antes de ser utilizadas. Solo debe ser declarada una vez. Ejemplo:
<script> var minimo, maximo, media/*mnimo, mximo y media de las notas*/
Secuencia de Sentencias
<script>

</script>
Algoritmo
JavaScript <script> var Secuencia de sentencias { PC Algoritmo DRE
Algoritmo
DF
Comienzo
</script> }
Fin
Fin
Sentencias
Algoritmo
paso 1 paso 2 paso 3 paso 4 FIN
<script> declaraciones sentencia 1 sentencia 2 sentencia 3 sentencia 4 </script>
Sentencias
Se construye como una combinacin adecuada de identificadores, constantes, operadores y separadores, la cual realiza una operacin especfica. Todas las sentencias excepto las de control deben terminar con el smbolo ; Ejemplo:
c = a + b; Superior = r = b + 1; Mitad = n * 0.5f;
Sentencias
Algoritmo
<script> declaraciones; sentencia 1; sentencia 2; sentencia 3; sentencia 4; </script>
La ejecucin de la secuencia de sentencias: comienza al finalizar la carga de la pagina web en el navegador. siempre empieza en la primera sentencia despus de las declaraciones en bloque script:
<script>
Declaraciones // 1 Sentencia a ser ejecuta.

Sentencias
<html> <head> <title>TITULO<\title> </head> <body> CONTENIDO </body> <script> CODIGO FUENTE </script> </html>
1 Se carga Pgina Web (Cuerpo y Encabezado del HTML)
2 Se ejecuta el Script
Sentencias
Algoritmo
1 Sentencia a ser ejecuta
<script> declaraciones; sentencia 1; sentencia 2; sentencia 3; sentencia 4; </script>
Entrada/Salida
Proceso
Un Algoritmo sin Entrada y/o Salida es til?

Entrada/Salida
Entrada
Proceso
Salida
Es importante conocer como leer una entrada y generar una salida antes de empezar a codificar el algoritmo!
Entrada/Salida
Entrada
Proceso
Salida
Las sentencias para realizar la lectura y la escritura suelen ser muy diferentes de un lenguaje a otro
Entrada/Salida
Salida: El mtodo write permite desplegar un resultado en el documento HTML. document.write(mensaje) Mensaje est formado por una combinacin de constantes de Texto y Variables unidas a travs del operador +: Texto1 + Variable1 + Texto2 + Variable2 +
Salida: Slo Texto

Ejemplo:
document.write(Lenguaje C++ es el 1);
Salida: Slo Texto

Ejemplo:
document.write(Lenguaje C++ es el 1);
Lenguaje C++ es el 1
Ejercicio
Construir una pgina web con Javascript que escriba a la salida su nombre y su edad. Fase 1: Anlisis y Diseo: DRE DF. Fase 2: Codificacin: pgina web con Javascript.
Salida: Texto + Variable

Ejemplo:
document.write(acumulador); document.write(Raíz: + raiz); document.write(Monto: + max + Bs);
Es posible utilizar , en lugar del + en el document.write
document.write(Raíz: , raiz); document.write(Monto: , max, Bs);
Salida: Texto + Variable

Ejemplo:
var n; n = 1; document.write(Lenguaje C++ es el+n);
Lenguaje C++ es el 1
Ejercicio
Construir una pgina web con Javascript que escriba a la salida su nombre y su edad. La edad debe estar almacenada en una variable. Fase 1: Anlisis y Diseo: DRE DF y LV. Fase 2: Codificacin: pgina web con Javascript.
Entrada/Salida
Entrada: El mtodo prompt despliega una ventana para que el usuario ingrese el valor de una variable. variable = prompt(mensaje) Mensaje est formado por una combinacin de constantes de Texto y Variables unidas a travs del operador +: Texto1 + Variable1 + Texto2 + Variable2 +
Entrada
Ejemplo:
var numero1; var media; numero1 = prompt(Numero 1:); media = prompt(Media de Datos:);
prompt puede retonar null, lo que indica que usuario no ingreso valor alguno. Si desea desarrollar un programa robusto sta condicin debe ser verificada
Ejercicio
Construir una pgina web con Javascript que escriba a la salida su nombre y lea la edad del usuario. Fase 1: Anlisis y Diseo: DES, DRE DF y LV. Fase 2: Codificacin: pgina web con Javascript.
Entrada/Salida
Ejemplo: Construir una pgina web con JavaScript para leer y sumar dos nmeros.
Fase 1: Anlisis y Diseo: DES,DRE DF, LV y CF. Fase 2: Codificacin: pgina web con Javascript.
Entrada/Salida
Ejemplo:
A B S
Entrada/Salida
Ejemplo:
A B S=A+B S
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Leer A Leer B S=A+B Escribir S FIN
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Variables
A B S
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Leer A Leer B S=A+B Escribir S FIN <script>
Variables
A B S
</script>
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Leer A Leer B S=A+B Escribir S FIN <script>
DECLARACIONES
Variables
A B S
SECUENCIA DE SENTENCIAS
</script>
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Leer A Leer B S=A+B Escribir S FIN <script> var A, B, S;
Variables
A B S Declaraciones
</script>
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Variables
A B S
<script> var A, B, S; A = prompt(N1:);
</script>
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Leer A Leer B S=A+B Escribir S FIN <script> var A, B, S; A = prompt(N1:); B = prompt(N2:);
Variables
A B S
</script>
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Leer A Leer B S=A+B Escribir S FIN <script> var A, B, S; A = prompt(N1:); B = prompt(N2:); S = A + B; </script>
Variables
A B S
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Leer A Leer B S=A+B Escribir S FIN <script> var A, B, S; A = prompt(N1:); B = prompt(N2:); S = A + B; document.write(Suma = + S); </script>
Variables
A B S
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Variables
A B S
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Variables
A B S
Entrada/Salida
8+8
88
Datos
Nmeros
Datos
1 Enteros Nmeros Reales -3289 4.1 -3289.1
Datos
1 Enteros Nmeros Reales Texto C++ es el N 1 -3289 4.1 -3289.1
Datos
1 Enteros Nmeros Reales Texto C++ es el N 1 Verdadero (true) Lgicos Falso (false)
-3289 4.1 -3289.1
Datos
1 Enteros Nmeros Reales Texto C++ es el N 1 Verdadero (true) Lgicos Falso (false)
-3289 4.1 -3289.1
Entrada
El mtodo prompt retorna un valor texto. Texto
prompt(mensaje)
Usualmente el valor retornado es utilizado para realizar alguna operacin aritmtica con el mismo por ende es necesario transformar este valor de Texto a Numrico. 8 8
prompt(mensaje)
Entrada
La funcin parseInt y parseFloat se encargan de transformar un valor texto a un valor numrico. Nmero Entero Nmero Real Uso:
variable = parseInt(prompt(mensaje)) variable = parseFloat(prompt(mensaje))
parseInt(texto)
parseFloat(texto)
Entrada
variable = parseInt(prompt(mensaje)) 1 variable = parseInt(prompt(mensaje))
Texto
prompt(mensaje)
Nmero Entero
parseInt(texto)
2 variable = parseInt(prompt(mensaje))
Datos y Variables
Lista de Variables:
Datos Enteros Variables variable1:tipo1 variableN:tipoN
entero real lgico
Reales
Lgicos
Entrada/Salida
Ejemplo: Construir una pgina web con JavaScript para leer y sumar dos nmeros.
Entrada/Salida
Ejemplo:
A B S=A+B
Suma
Leer A Leer B S=A+B Escribir S FIN <script> var A, B, S; A = parseFloat(prompt(N1:)); B = parseFloat(prompt(N2:)); S = A + B; document.write(Suma = + S); </script>
Variables
A: real B: real S: real
Ejercicio
Construir una pgina web con JavaScript para convertir de Bolvares a Dlares. Fase 1: Anlisis y Diseo: DES, DRE DF y LV. Fase 2: Codificacin: pgina web con Javascript.
Entrada/Salida en Javascript
Nombre
Leer entero Leer real Escribir texto Escribir texto+variable FIN entero = parseInt(prompt()); real = parseFloat(prompt()); document.write(texto); document.write(texto+variable);
Sentencias de Control
Establecen el control sobre una sentencia o una secuencia de sentencias dada un condicin. Sentencia Condicional. Sentencia Repetitiva.
Si se ejecuta una secuencia de sentencias las mismas deben ser colocadas entre llaves { }. Esta sentencias no terminan con el smbolo ; .
Sentencias Condicionales
Condicional Sencilla:
JavaScript
if(Condicin) { }
PC
Si(Condicin) { }
DRE
DF
Condicin
V
Condicin
V
Condicional Sencilla:
JavaScript
if(Condicin) { }
PC
Si(Condicin) { }
DRE
DF
Condicin
V
Condicin
V
Ejemplo: Construir una pgina web con JavaScript que convierta un nmero entero positivo A en par.
Condicional Doble:
JavaScript
if(Condicin) { } else { }
PC
Si(Condicin) { } sino { }
DRE
DF
Condicin
V F V
Condicin
Condicional Doble:
JavaScript
PC
DRE
DF
Condicin
V F V
Condicin
Condicional Doble:
JavaScript
PC
DRE
DF
Condicin
V F V
Condicin
Ejemplo: Construir una pgina web con JavaScript que convierta un nmero entero positivo A en par y en positivo par si es negativo.
Ejercicio
Construir una pgina web con Javascript para sumar 2 nmeros si son iguales y de lo contrario, reste el mayor del menor. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Sentencias Repetitivas
Estructura Repetitiva Mientras:
JavaScript
{ }
} {
PC
DRE
DF
while(Condicin) Mientras(Condicin)
Mientras (Condicin)
Condicin
V
Estructura Repetitiva Mientras:
JavaScript
{ }
} {
PC
DRE
DF
while(Condicin) Mientras(Condicin)
Mientras (Condicin)
Condicin
V
Estructura Repetitiva Hacer Mientras: nica sentencia de control que termina en ;.
JavaScript
do {
} Hacer {
PC
DRE
Mientras (Condicin)
V
DF
Condicin
} Mientras(Condicin) while(Condicin);
Estructura Repetitiva Hacer Mientras: nica sentencia de control que termina en ;.
JavaScript
do {
} Hacer {
PC
DRE
Mientras (Condicin)
V
DF
Condicin
} Mientras(Condicin) while(Condicin);
Ejemplo: Construir una pgina web con JavaScript que sume los nmeros del A al B.
Ejercicio
Construir una pgina web con Javascript para leer y escribir nmeros hasta que el ledo sea mayor que 5. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Salida
Colores, Negritas, Saltos de lnea? HTML?

Salida
En Javascript
document.write(Nombre:Javascript) document.write(Tipo:Interpretado)
Salida
En Javascript
Nombre:JavascriptTipo:interpretado
Salida
<body>
En HTML
Nombre:Javascript<br/> Tipo:Interpretado </body>
Nombre:Javascript Tipo:interpretado
Salida
<body>
En HTML
Salida
<body>
En HTML
Nombre:Javascript<br/> Tipo:Interpretado </body> Falta el Salto de Lnea en Javascript

En Javascript
Salida
<body>
En HTML
En Javascript
Salida
<body>
En HTML
En Javascript
Salida
<body>
En HTML
En Javascript
Salida
<body>
En HTML
En Javascript
document.write(Nombre:Javascript<br/>) document.write(Tipo:Interpretado)
Salida
En Javascript
document.write(Nombre:Javascript<br/>) document.write(Tipo:Interpretado)
Salida
Cualquier texto o etiqueta que se pueda colocar dentro de una etiqueta body, se puede colocar dentro del document.write, teniendo en cuenta que: Debe estar encerrado entre comillas " Cualquier " en el body se deben transformar por \" en el document.write
<body> salida </body>
document.write("salida")
Ejercicio
Construir una pgina web con Javascript para leer y escribir nmeros hasta que el ledo sea mayor que 5. Escribir en con saltos de lnea y en color azul. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicio
Construir una pgina web con Javascript para leer y escribir nmeros hasta que el ledo sea mayor que 5. Escribir en con saltos de lnea y alternando el color azul y rojo para cada nmero ingresado. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: a) Promediar A y B. b) Disminuir un nmero de 2 en 2 hasta que este sea negativo, presentado la secuencia en la salida. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: a) Promediar A y B.
Escribir: El
promedio de # y # es #
b) Disminuir un nmero de 2 en 2 hasta que este sea negativo, presentado la secuencia en la salida. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: c) Presentar la secuencia de los N nmeros enteros que preceden al 100: 100, 99, 98, 97, ... d) Calcular la sumatoria de los primeros N nmeros pares. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: c) Presentar la secuencia de los N nmeros enteros que preceden al 100: 100, 99, 98, 97, ... d) Calcular la sumatoria de los primeros N nmeros pares a partir de un nmero A. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: c) Presentar la secuencia de los N nmeros enteros que preceden al 100: 100, 99, 98, 97, ... d) Calcular la sumatoria de los primeros N nmeros pares a partir de un nmero A.
Escribir: La
Suma de los # a partir de # es #
Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: c) Presentar la secuencia de los N nmeros enteros que preceden al 100: 100, 99, 98, 97, ... d) Calcular la sumatoria de los primeros N nmeros pares a partir de un nmero A.
Escribir nmeros a sumar.
Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: e) Calcular el factorial de N. f) Contar la cantidad de nmeros mltiplos de A que hay en los primeros N nmero enteros. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: e) Calcular el factorial de N. f) Contar la cantidad de nmeros mltiplos de A que hay en los primeros N nmero enteros.
Escribir nmeros.
Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: e) Calcular el factorial de N. f) Contar la cantidad de nmeros mltiplos de A que hay en los primeros N nmero enteros.
Escribir mltiplos en azul y negritas.
Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: g) Promediar los negativos y promediar los no negativos de un conjunto de nmeros dados. h) Hallar el producto de los negativos y el producto de los positivos de un conjunto de nmeros dados. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: g) Promediar los negativos y promediar los no negativos de un conjunto de nmeros dados. h) Hallar el producto de los negativos y el producto de los positivos de un conjunto de nmeros dados. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript. Escribir positivos en azul y negativos en rojo
Ejercicios
6. Construir un programa en Javascript para: i) Promediar los pares y promediar los impares de los nmeros entre A y B. j) Dados 2 nmeros presentar la secuencia de nmeros entre el 1 nmero y el 2 nmero. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: i) Promediar los pares y promediar los impares de los nmeros entre A y B.
Escribir nmeros en diferentes colores.
j) Dados 2 nmeros presentar la secuencia de nmeros entre el 1 nmero y el 2 nmero. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Ejercicios
6. Construir un programa en Javascript para: k) Sumar nmeros hasta que los ltimos dos nmeros ledos sean negativos. Fase 1: Anlisis y Diseo: DES, DRE DF, LV y CF. Sealar en DF o DRE: estructuras, acumuladores y contadores, inicializacin, acumulacin y conteo. Fase 2: Codificacin: pagina Web con Javascript.
Resumen
Creacin de un programa interpretado. Lenguaje JavaScript: Vocabulario: Identificadores, Palabras Claves, Operadores, Constantes, Comentarios, etc. Programa JavaScript. Estructura Bsica de un programa Javascript. Bloque Principal. Declaraciones. Entrada/Salida. Sentencias.
Tipos de Sentencia:
Sentencias de Control: Selectiva y Repetitiva.

Clase Programación 6

Cargado por

Información del documento

Derechos de autor

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Clase Programación 6

Cargado por

Copyright:

Programacin

Facultad de Ingeniera Universidad Central de Venezuela

Lenguaje de programacin Interpretado

Programacin Prof. Gonzalo Mller Clase 6 GM - 3

Lenguaje de programacin Interpretado

Programacin Prof. Gonzalo Mller Clase 6 GM - 4

Lenguaje de programacin Interpretado

Editor de Texto Programa fuente: Java, JavaScript, etc.

Programacin Prof. Gonzalo Mller Clase 6 GM - 5

Lenguaje de programacin Interpretado

Editor de Texto Programa fuente: Java, JavaScript, etc. Interprete (Navegador)

Programacin Prof. Gonzalo Mller Clase 6 GM - 6

Lenguaje de programacin Interpretado

Programa fuente: Contiene las instrucciones en el lenguaje de programacin

Lenguaje de programacin Interpretado

Correccin de errores de sintaxis

Programa fuente: Contiene las instrucciones en el lenguaje de programacin

Programacin Prof. Gonzalo Mller Clase 6 GM - 9

Programacin Prof. Gonzalo Mller Clase 6 GM - 10

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRST UVWXYZ 0123456789 _

protected boolean interface static final prompt transient confirm

Programacin Prof. Gonzalo Mller Clase 6 GM - 16

Programacin Prof. Gonzalo Mller Clase 6 GM - 17

Entera con signo: -678 -789

Programacin Prof. Gonzalo Mller Clase 6 GM - 19

Programacin Prof. Gonzalo Mller Clase 6 GM - 20

Programacin Prof. Gonzalo Mller Clase 6 GM - 21

Programacin Prof. Gonzalo Mller Clase 6 GM - 23

Programacin Prof. Gonzalo Mller Clase 6 GM - 26

Operacin escrita sin separadores Operacin escrita con separadores

Programacin Prof. Gonzalo Mller Clase 6 GM - 28

Programacin Prof. Gonzalo Mller Clase 6 GM - 30

Estructura Bsica de un programa JavaScript

Declaraciones Secuencia de Sentencias

Programacin Prof. Gonzalo Mller Clase 6 GM - 32

Declaraciones Secuencia de Sentencias

Programacin Prof. Gonzalo Mller Clase 6 GM - 33

var variable var variable1, variable2,

var llamadas // Cantidad de llamadas

Programacin Prof. Gonzalo Mller Clase 6 GM - 35

Programacin Prof. Gonzalo Mller Clase 6 GM - 36

Declaraciones Secuencia de Sentencias

Programacin Prof. Gonzalo Mller Clase 6 GM - 37

Programacin Prof. Gonzalo Mller Clase 6 GM - 38

<script> declaraciones sentencia 1 sentencia 2 sentencia 3 sentencia 4 </script>

Programacin Prof. Gonzalo Mller Clase 6 GM - 39

<script> declaraciones; sentencia 1; sentencia 2; sentencia 3; sentencia 4; </script>

Programacin Prof. Gonzalo Mller Clase 6 GM - 41

Declaraciones // 1 Sentencia a ser ejecuta.

1 Se carga Pgina Web (Cuerpo y Encabezado del HTML)

1 Sentencia a ser ejecuta

<script> declaraciones; sentencia 1; sentencia 2; sentencia 3; sentencia 4; </script>

Programacin Prof. Gonzalo Mller Clase 6 GM - 44

Un Algoritmo sin Entrada y/o Salida es til?

Salida: Slo Texto

Programacin Prof. Gonzalo Mller Clase 6 GM - 49

Salida: Slo Texto

Programacin Prof. Gonzalo Mller Clase 6 GM - 50

Programacin Prof. Gonzalo Mller Clase 6 GM - 51

Salida: Texto + Variable

document.write(Ra&iacute;z: , raiz); document.write(Monto: , max, Bs);

Programacin Prof. Gonzalo Mller Clase 6 GM - 52

Salida: Texto + Variable

Programacin Prof. Gonzalo Mller Clase 6 GM - 53

Programacin Prof. Gonzalo Mller Clase 6 GM - 57

Programacin Prof. Gonzalo Mller Clase 6 GM - 59

Programacin Prof. Gonzalo Mller Clase 6 GM - 60

document.write(Raíz: , raiz); document.write(Monto: , max, Bs);