Lenguaje JavaScript
• JavaScript es un lenguaje de programación de la web que se utiliza para
agregar funcionalidad, validar los datos, comunicarse con los servidores
web, es decir para añadir contenido dinámico a las páginas web. El código
JavaScript va incrustado en las páginas HTML y es el lenguaje de script más
utilizado en internet, los navegadores son los encargados de interpretar
este código.
• Un script es un programa que puede acompañar a un documento HTML o
estar contenido en su interior. Las instrucciones del de programa se
ejecutan cuando se carga el documento, o cuando se produce alguna
circunstancia tal como la activación un enlace o pulsación de un botón por
parte del usuario. Este segundo tipo de acciones desencadenan lo que se
conoce como eventos.
Empezando con JavaScript
• La integración de JavaScript en documentos
XHTML y HTML es muy flexible
• existen al menos tres formas para incluir
código JavaScript en las páginas web: dentro
de la etiqueta <head>, dentro de la etiqueta
<body> o en un archivo externo.
Incrustar código JavaScript
Incluir el script dentro de la etiqueta
<head>
• Ejemplo: un script en JavaScript que visualiza
un mensaje de bienvenida en una alerta y en
una línea dentro de la página. Se visualizarán
al abrir la página y antes de lo que aparece
dentro de la etiqueta <body>.
Incluir el script dentro de la etiqueta
<head>
Incluir el script dentro de la etiqueta
<head>
• En este código se utilizan dos órdenes de
JavaScript, alert() y document.write():
• document.write(): se utiliza para escribir en la
página. Escribe después de cargar la página.
• alert (): esta orden visualiza una alerta y se
muestra como un cuadro de dialogo de
pantalla.
Incluir el script en un archivo externo
• En este caso se crea un archivo con la
extensión .js, en este archivo se escribe el
código JavaScript.
Incluir el script en un archivo externo
• El documento HTML queda asi:
Incluir el script dentro del <body> en
los elementos HTML o XHTML
• Ejemplo2:
Incluir el script dentro del <body> en
los elementos HTML o XHTML
• El mayor inconveniente de este método es
que ensucia innecesariamente el código
XHTML o HTML de la página y complica el
mantenimiento del código JavaScript. En
general, este método solo se utiliza para
definir algunos eventos y en algunos otros
casos especiales.
Actividad propuesta
Entrada de datos de teclado
• JavaScript, como cualquier otro lenguaje,
permite la entrada de datos por teclado, todos
los datos tecleados se consideran de tipo
texto.
• Introducimos el concepto de variable, que
será necesaria para guardar en memoria lo
que se lee de teclado.
Entrada de datos de teclado
• Para leer los datos de teclado se utiliza la orden prompt.
• prompt(“mensaje”,”texto_por_defecto”),
esta orden al ejecutarse visualiza el mensaje en una ventana, y
asigna el valor por defecto, si se escribe el texto_por_defecto.
Este no es obligatorio.
Lo que se lee se debe almacenar en variables para luego trabajar
con esa información, por eso se declaran las variables utilizando
var.
Entrada de datos de teclado
Entrada de datos de teclado
Entrada de datos de teclado
Salida:
Actividad propuesta
Elementos básicos de programación
Variables
• las variables son posiciones de memoria a las que
se asigna un nombre y a las que se puede acceder
para obtener un valor.
• Las utilizamos para guardar y para manipular la
información.
• se crean normalmente al comienzo del programa
utilizando la palabra var seguida del nombre de la
variable que queremos crear, como en los
siguientes ejemplos:
• var nombre;
• var edad;
Elementos básicos de programación
Variables
Elementos básicos de programación
Variables
Elementos básicos de programación
Variables
Elementos básicos de programación
Variables
Elementos básicos de programación
Variables –Actividad resuelta
Elementos básicos de programación
Variables –Actividad propuesta
Elementos básicos de programación
Operadores y expresiones
• Los operadores sirven para manejar o
transformar la información, para realizar
cálculos y para comparar información.
• Las expresiones son combinaciones de
variables, constantes y operadores que
devuelven un valor realizando determinadas
operaciones.
Elementos básicos de programación
Operadores y expresiones
• En una expresión nos encontramos:
1. Operandos: son los elementos cuyo valor se
manipula u opera, serán variables,
constantes o expresiones.
2. Operador u operadores son los elementos
que determinan el tipo de operación a
realizar.
Elementos básicos de programación
Operadores y expresiones
Elementos básicos de programación
clasificación de operadores
Elementos básicos de programación
clasificación de operadores
Elementos básicos de programación
Elementos básicos de programación
solución Ejemplo4.html
Elementos básicos de programación
calcula el cuadrado y el cubo del número 4
Elementos básicos de programación
calcula el cuadrado y el cubo del número 4-solución
Elementos básicos de programación
Actividad propuesta
Elementos básicos de programación
Actividad resuelta
Elementos básicos de programación
Actividad propuesta
Elementos básicos de programación
operadores lógicos
Elementos básicos de programación
operadores lógicos
Elementos básicos de programación
operadores lógicos-AND
Elementos básicos de programación
operadores lógicos-OR
Elementos básicos de programación
operadores lógicos-Actividad resuelta
Elementos básicos de programación
operadores lógicos-Actividad resuelta
Elementos básicos de programación
operadores lógicos-Actividad propuesta
