SlideShare una empresa de Scribd logo
1 de 18
PAGINA WEB II
    2012 - 2

               Ing. Eddye Sánchez Castillo
JAVASCRIPT
¿Qué es JavaScript?
JavaScript es un lenguaje de programación que se
utiliza principalmente para crear páginas web
dinámicas.

UNA PÁGINA WEB DINÁMICA
es aquella que incorpora efectos como texto que
aparece y desaparece, animaciones, acciones que
se activan al pulsar botones y ventanas con
mensajes de aviso al usuario.
JAVASCRIPT
Técnicamente, JavaScript es un lenguaje de
programación interpretado, por lo que no es
necesario compilar los programas para ejecutarlos.
En otras palabras, los programas escritos con
JavaScript se pueden probar directamente en
cualquier navegador sin necesidad de procesos
intermedios.
A pesar de su nombre, JavaScript no guarda ninguna
relación directa con el lenguaje de programación Java.
Legalmente, JavaScript es una marca registrada de la
empresa Sun Microsystems, como se puede ver en
http://www.sun.com/suntrademarks/.
MI PRIMER SCRIPT
A continuación, se muestra un primer script sencillo pero
completo:
<html >
  <head>
    <title>primer script</title>
          <script type="text/javascript">
          alert("Hola Mundo!");
        </script>
  </head>
  <body>
      <p>Esta página contiene el primer script</p>
  </body>
</html>
JAVASCRIPT
Aunque el código del script se puede incluir en
cualquier parte de la página, se recomienda
incluirlo en la cabecera del documento, es decir,
dentro de la etiqueta <head>.
A continuación, el código JavaScript se debe incluir
entre las etiquetas <script>...</script>.
Además, para que la página sea válida, es
necesario definir el atributo type de la
etiqueta <script>.
JAVASCRIPT
Una vez definida la zona en la que se incluirá el
script, se escriben todas las sentencias que
forman la aplicación. Este primer ejemplo es tan
sencillo     que     solamente       incluye     una
sentencia: alert("Hola Mundo!");.
La instrucción alert() es una de las utilidades que
incluye JavaScript y permite mostrar un mensaje
en la pantalla del usuario. Si se visualiza la página
web de este primer script en cualquier navegador,
automáticamente se mostrará una ventana con el
mensaje "Hola Mundo!".
JAVASCRIPT
Antes de comenzar a desarrollar programas y
utilidades con JavaScript, es necesario conocer
los elementos básicos con los que se construyen
las aplicaciones.
Se explica en detalle y comenzando desde cero
los conocimientos básicos necesarios para poder
entender posteriormente la programación
avanzada, que es la que se utiliza para crear las
aplicaciones reales.
VARIABLES
Una variable es un elemento que se emplea para
almacenar y hacer referencia a otro valor.
Si no existieran variables, un programa que suma
dos números podría escribirse como:
resultado = 3 + 1
Sin embargo, el programa se puede rehacer de la
siguiente manera utilizando variables para
almacenar y referirse a cada número:
numero_1 = 3
numero_2 = 1
resultado = numero_1 + numero_2
VARIABLES
Los elementos numero_1 y numero_2 son
variables que almacenan los valores que utiliza
el programa.
El resultado se calcula siempre en función del
valor almacenado por las variables, por lo que
este programa funciona correctamente para
cualquier par de números indicado. Si se
modifica       el      valor      de        las
variables numero_1 ynumero_2, el programa
sigue funcionando correctamente.
VARIABLES
Las variables en JavaScript se crean mediante la palabra
reservada var.
De esta forma, se puede realizar en JavaScript de la
siguiente manera:

      var numero_1 = 3;
      var numero_2 = 1;
      var resultado = numero_1 + numero_2;

La palabra reservada var solamente se debe indicar al
definir por primera vez la variable, lo que se denomina
declarar una variable.
VARIABLES
Una variable es un depósito donde hay un valor. Consta
de un nombre y pertenece a un tipo (numérico, cadena
de caracteres, etc.).
Tipos de variable:
Una variable puede almacenar:
Valores Enteros (100, 260, etc.)
Valores Reales (1.24, 2.90, 5.00, etc.)
Cadenas de caracteres("Juan", "Compras", "Listado",
etc.)
Valores lógicos (true,false)
Existen otros tipos de variables que veremos más
adelante.
VARIABLES
Las variables son nombres que ponemos a los lugares
donde almacenamos la información.
En JavaScript, deben comenzar por una letra o un
subrayado (_), pudiendo haber además dígitos entre los
demás caracteres.
Una variable no puede tener el mismo nombre de una
palabra clave del lenguaje.
VARIABLES
Una variable se define anteponiéndole la palabra clave
var:
         ejemplo: var dia;
se pueden declarar varias variables en una misma línea:
ejemplo -----> var dia, mes, anio;
a una variable se la puede definir e inmediatamente
inicializarla con un valor:
        ejemplo: var edad=20;
o en su defecto en dos pasos:
var edad;
edad=20;
VARIABLES
Elección del nombre de una variable:
Debemos elegir nombres de variables representativos.
En el ejemplo anterior los nombres dia, mes, anio son lo
suficientemente claros para darnos una idea acabada
sobre su contenido, una mala elección de nombres
hubiera sido llamarlas a, b y c.
Podemos darle otros buenos nombres. Otros no son tan
representativos, por ejemplo d, m, a. Posiblemente
cuando estemos resolviendo un problema dicho nombre
nos recuerde que almacenamos el día, pero pasado un
tiempo lo olvidaríamos.
VARIABLES
Elección del nombre de una variable:

Impresión de variables en una página HTML.
Para mostrar el contenido de una variable en una página
utilizamos el objeto document y llamamos a la función
write.


En el siguiente ejemplo definimos una serie de variables
y las mostramos en la página:
<html>
                         VARIABLES
<head> </head>
<body>
<script language="JavaScript">
var nombre='Juan';
var edad=10;
var altura=1.92;
var casado=false;
document.write(nombre);
document.write('<br>');
document.write(edad);
document.write('<br>');
document.write(altura);
document.write('<br>');
document.write(casado);
</script> </body> </html>
JavaScript variables y tipos

Más contenido relacionado

La actualidad más candente

Introducción JavaScript
Introducción JavaScriptIntroducción JavaScript
Introducción JavaScriptUNED
 
Deber documento 3 Visual Basic
Deber documento 3 Visual BasicDeber documento 3 Visual Basic
Deber documento 3 Visual BasicLucero Palacios
 
Introduccion al java script
Introduccion al java scriptIntroduccion al java script
Introduccion al java scriptRenny Batista
 
Javascript 1
Javascript 1Javascript 1
Javascript 1Juan C
 
Primer programa en 1
Primer programa en 1Primer programa en 1
Primer programa en 1fehrhuichapa
 
Php, Variables y Constantes
Php, Variables y ConstantesPhp, Variables y Constantes
Php, Variables y Constantescarpe93
 
Java Script BáSico Ajax
Java Script BáSico AjaxJava Script BáSico Ajax
Java Script BáSico AjaxArnulfo Gomez
 
visual Basic silverio y misael
visual Basic silverio y misaelvisual Basic silverio y misael
visual Basic silverio y misaelmisael1514
 
Quasi - mIRC-scripting-Variables
Quasi - mIRC-scripting-VariablesQuasi - mIRC-scripting-Variables
Quasi - mIRC-scripting-Variablesdegarden
 
jQuery - 01 Conceptos básicos de java script
jQuery - 01 Conceptos básicos de java scriptjQuery - 01 Conceptos básicos de java script
jQuery - 01 Conceptos básicos de java scriptJacob Flores
 

La actualidad más candente (18)

Guia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt GudeGuia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt Gude
 
Presentación JavaScript
Presentación JavaScriptPresentación JavaScript
Presentación JavaScript
 
Introducción JavaScript
Introducción JavaScriptIntroducción JavaScript
Introducción JavaScript
 
Clase 10 expresiones regulares
Clase 10 expresiones regularesClase 10 expresiones regulares
Clase 10 expresiones regulares
 
Deber documento 3 Visual Basic
Deber documento 3 Visual BasicDeber documento 3 Visual Basic
Deber documento 3 Visual Basic
 
Variables
VariablesVariables
Variables
 
Introduccion al java script
Introduccion al java scriptIntroduccion al java script
Introduccion al java script
 
Javascript 1
Javascript 1Javascript 1
Javascript 1
 
Primer programa en 1
Primer programa en 1Primer programa en 1
Primer programa en 1
 
Php, Variables y Constantes
Php, Variables y ConstantesPhp, Variables y Constantes
Php, Variables y Constantes
 
Java Script BáSico Ajax
Java Script BáSico AjaxJava Script BáSico Ajax
Java Script BáSico Ajax
 
Introduccion actionscript
Introduccion actionscriptIntroduccion actionscript
Introduccion actionscript
 
visual Basic silverio y misael
visual Basic silverio y misaelvisual Basic silverio y misael
visual Basic silverio y misael
 
Guía interfaz inicial
Guía  interfaz  inicialGuía  interfaz  inicial
Guía interfaz inicial
 
Quasi - mIRC-scripting-Variables
Quasi - mIRC-scripting-VariablesQuasi - mIRC-scripting-Variables
Quasi - mIRC-scripting-Variables
 
jQuery - 01 Conceptos básicos de java script
jQuery - 01 Conceptos básicos de java scriptjQuery - 01 Conceptos básicos de java script
jQuery - 01 Conceptos básicos de java script
 
Misael
MisaelMisael
Misael
 
Variables en Visual Basic 6.0
Variables en Visual Basic 6.0Variables en Visual Basic 6.0
Variables en Visual Basic 6.0
 

Destacado

Iniciando c
Iniciando cIniciando c
Iniciando c____
 
El éxodo oriental
El éxodo orientalEl éxodo oriental
El éxodo orientalANDRES240880
 
Invitacion Fiesta Aniversario Escuela 74 Jonas Salk
Invitacion Fiesta Aniversario Escuela 74 Jonas SalkInvitacion Fiesta Aniversario Escuela 74 Jonas Salk
Invitacion Fiesta Aniversario Escuela 74 Jonas SalkBonziWeb
 
Debate escuela Aldo Bonzi en Rotary Club
Debate escuela Aldo Bonzi en Rotary ClubDebate escuela Aldo Bonzi en Rotary Club
Debate escuela Aldo Bonzi en Rotary ClubBonziWeb
 
3ºTraball.Yoli Maria Nerea 1ºBach.C
3ºTraball.Yoli Maria Nerea 1ºBach.C3ºTraball.Yoli Maria Nerea 1ºBach.C
3ºTraball.Yoli Maria Nerea 1ºBach.Cygarcar
 
Ribeira :por Lucia Ares
Ribeira :por Lucia AresRibeira :por Lucia Ares
Ribeira :por Lucia Aresl.pillado2
 
Antonio machado-el-poeta-del-sueno[1]
Antonio machado-el-poeta-del-sueno[1]Antonio machado-el-poeta-del-sueno[1]
Antonio machado-el-poeta-del-sueno[1]Samgymnasiet
 
Mantenimiento De La Pc
Mantenimiento De La PcMantenimiento De La Pc
Mantenimiento De La Pcaritapinkrock
 
Como Armar Una Buena PresentacióN
Como Armar Una Buena PresentacióNComo Armar Una Buena PresentacióN
Como Armar Una Buena PresentacióNTania Marcela
 
Mantenimiento De La Pc
Mantenimiento De La PcMantenimiento De La Pc
Mantenimiento De La Pcaritapinkrock
 
Programacion Neurolinguistica
Programacion NeurolinguisticaProgramacion Neurolinguistica
Programacion Neurolinguisticalic.mfierro
 
Sociedad De La Información
Sociedad De La InformaciónSociedad De La Información
Sociedad De La InformaciónTony Valderrama
 
Herramientas De Multimedios Efectos 2
Herramientas De Multimedios Efectos 2Herramientas De Multimedios Efectos 2
Herramientas De Multimedios Efectos 2Shirley Guerrero
 
Sistema Solar
Sistema SolarSistema Solar
Sistema SolarUSAT
 

Destacado (20)

Resume_Dinesh
Resume_DineshResume_Dinesh
Resume_Dinesh
 
Iniciando c
Iniciando cIniciando c
Iniciando c
 
Diapositivas El Blog
Diapositivas El BlogDiapositivas El Blog
Diapositivas El Blog
 
El éxodo oriental
El éxodo orientalEl éxodo oriental
El éxodo oriental
 
Invitacion Fiesta Aniversario Escuela 74 Jonas Salk
Invitacion Fiesta Aniversario Escuela 74 Jonas SalkInvitacion Fiesta Aniversario Escuela 74 Jonas Salk
Invitacion Fiesta Aniversario Escuela 74 Jonas Salk
 
Terapias de la ansidedad
Terapias de la ansidedadTerapias de la ansidedad
Terapias de la ansidedad
 
Debate escuela Aldo Bonzi en Rotary Club
Debate escuela Aldo Bonzi en Rotary ClubDebate escuela Aldo Bonzi en Rotary Club
Debate escuela Aldo Bonzi en Rotary Club
 
#encgtes
#encgtes#encgtes
#encgtes
 
3ºTraball.Yoli Maria Nerea 1ºBach.C
3ºTraball.Yoli Maria Nerea 1ºBach.C3ºTraball.Yoli Maria Nerea 1ºBach.C
3ºTraball.Yoli Maria Nerea 1ºBach.C
 
Ribeira :por Lucia Ares
Ribeira :por Lucia AresRibeira :por Lucia Ares
Ribeira :por Lucia Ares
 
Antonio machado-el-poeta-del-sueno[1]
Antonio machado-el-poeta-del-sueno[1]Antonio machado-el-poeta-del-sueno[1]
Antonio machado-el-poeta-del-sueno[1]
 
Mantenimiento De La Pc
Mantenimiento De La PcMantenimiento De La Pc
Mantenimiento De La Pc
 
Como Armar Una Buena PresentacióN
Como Armar Una Buena PresentacióNComo Armar Una Buena PresentacióN
Como Armar Una Buena PresentacióN
 
Agatha
AgathaAgatha
Agatha
 
Mantenimiento De La Pc
Mantenimiento De La PcMantenimiento De La Pc
Mantenimiento De La Pc
 
Programacion Neurolinguistica
Programacion NeurolinguisticaProgramacion Neurolinguistica
Programacion Neurolinguistica
 
Sociedad De La Información
Sociedad De La InformaciónSociedad De La Información
Sociedad De La Información
 
Introducción a la POO (Parte 2)
Introducción a la POO (Parte 2)Introducción a la POO (Parte 2)
Introducción a la POO (Parte 2)
 
Herramientas De Multimedios Efectos 2
Herramientas De Multimedios Efectos 2Herramientas De Multimedios Efectos 2
Herramientas De Multimedios Efectos 2
 
Sistema Solar
Sistema SolarSistema Solar
Sistema Solar
 

Similar a JavaScript variables y tipos

Similar a JavaScript variables y tipos (20)

Diseño web clase03
Diseño web clase03Diseño web clase03
Diseño web clase03
 
Javascript
JavascriptJavascript
Javascript
 
Programacion[1]
Programacion[1]Programacion[1]
Programacion[1]
 
Parcial
ParcialParcial
Parcial
 
javascript.ppt
javascript.pptjavascript.ppt
javascript.ppt
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Trabajo practico de lenguaje java.Conceptos. Estructuras. Programacion.
Trabajo practico de lenguaje java.Conceptos. Estructuras. Programacion.Trabajo practico de lenguaje java.Conceptos. Estructuras. Programacion.
Trabajo practico de lenguaje java.Conceptos. Estructuras. Programacion.
 
Samuel bailon sanchez
Samuel bailon sanchezSamuel bailon sanchez
Samuel bailon sanchez
 
Samuel bailon sanchez
Samuel bailon sanchezSamuel bailon sanchez
Samuel bailon sanchez
 
Samuel bailon sanchez
Samuel bailon sanchezSamuel bailon sanchez
Samuel bailon sanchez
 
Guia java script
Guia java scriptGuia java script
Guia java script
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java Script
 
Programación Java Script
Programación  Java ScriptProgramación  Java Script
Programación Java Script
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java Script
 
Mod2ud1 2
Mod2ud1 2Mod2ud1 2
Mod2ud1 2
 

Más de Free TIC

Técnicas practicas para "La cosecha de agua de lluvia"
Técnicas practicas para "La cosecha de agua de lluvia"Técnicas practicas para "La cosecha de agua de lluvia"
Técnicas practicas para "La cosecha de agua de lluvia"Free TIC
 
Ciudadanía digital en entornos virtuales 2
Ciudadanía digital en entornos virtuales 2Ciudadanía digital en entornos virtuales 2
Ciudadanía digital en entornos virtuales 2Free TIC
 
Como enviar una tarea
Como enviar una tareaComo enviar una tarea
Como enviar una tareaFree TIC
 
Como unirse a una nueva clase
Como unirse a una nueva claseComo unirse a una nueva clase
Como unirse a una nueva claseFree TIC
 
Como ingresar a la plataforma virtual
Como ingresar a la plataforma virtualComo ingresar a la plataforma virtual
Como ingresar a la plataforma virtualFree TIC
 
Upch guia postulante_2020
Upch guia postulante_2020Upch guia postulante_2020
Upch guia postulante_2020Free TIC
 
LIBRO INTERACTIVO SCRATCH
LIBRO INTERACTIVO SCRATCHLIBRO INTERACTIVO SCRATCH
LIBRO INTERACTIVO SCRATCHFree TIC
 
Expresionismo
ExpresionismoExpresionismo
ExpresionismoFree TIC
 
Letrero miss claudia
Letrero miss claudiaLetrero miss claudia
Letrero miss claudiaFree TIC
 
EVALUACIÓN REGIONAL 2018 - MATEMÁTICA
EVALUACIÓN REGIONAL 2018 - MATEMÁTICAEVALUACIÓN REGIONAL 2018 - MATEMÁTICA
EVALUACIÓN REGIONAL 2018 - MATEMÁTICAFree TIC
 
EVALUACIÓN REGIONAL 2018 - COMUNICACIÓN
EVALUACIÓN REGIONAL 2018 - COMUNICACIÓNEVALUACIÓN REGIONAL 2018 - COMUNICACIÓN
EVALUACIÓN REGIONAL 2018 - COMUNICACIÓNFree TIC
 
Materiales de mantenimiento preventivo de las laptops del aula funcional de i...
Materiales de mantenimiento preventivo de las laptops del aula funcional de i...Materiales de mantenimiento preventivo de las laptops del aula funcional de i...
Materiales de mantenimiento preventivo de las laptops del aula funcional de i...Free TIC
 
Manual moodle 3.0
Manual moodle 3.0Manual moodle 3.0
Manual moodle 3.0Free TIC
 
Cuestionario m2 b1
Cuestionario m2 b1Cuestionario m2 b1
Cuestionario m2 b1Free TIC
 
Tutoria en plataformas virtuales
Tutoria en plataformas virtualesTutoria en plataformas virtuales
Tutoria en plataformas virtualesFree TIC
 
Cuestionario 4
Cuestionario 4Cuestionario 4
Cuestionario 4Free TIC
 
Tutoria en plataformas virtuales
Tutoria en plataformas virtualesTutoria en plataformas virtuales
Tutoria en plataformas virtualesFree TIC
 
Cuestionario 3
Cuestionario 3Cuestionario 3
Cuestionario 3Free TIC
 
Tutoria en plataformas virtuales
Tutoria en plataformas virtualesTutoria en plataformas virtuales
Tutoria en plataformas virtualesFree TIC
 

Más de Free TIC (20)

Técnicas practicas para "La cosecha de agua de lluvia"
Técnicas practicas para "La cosecha de agua de lluvia"Técnicas practicas para "La cosecha de agua de lluvia"
Técnicas practicas para "La cosecha de agua de lluvia"
 
Ciudadanía digital en entornos virtuales 2
Ciudadanía digital en entornos virtuales 2Ciudadanía digital en entornos virtuales 2
Ciudadanía digital en entornos virtuales 2
 
Como enviar una tarea
Como enviar una tareaComo enviar una tarea
Como enviar una tarea
 
Como unirse a una nueva clase
Como unirse a una nueva claseComo unirse a una nueva clase
Como unirse a una nueva clase
 
Como ingresar a la plataforma virtual
Como ingresar a la plataforma virtualComo ingresar a la plataforma virtual
Como ingresar a la plataforma virtual
 
Upch guia postulante_2020
Upch guia postulante_2020Upch guia postulante_2020
Upch guia postulante_2020
 
Prezi
PreziPrezi
Prezi
 
LIBRO INTERACTIVO SCRATCH
LIBRO INTERACTIVO SCRATCHLIBRO INTERACTIVO SCRATCH
LIBRO INTERACTIVO SCRATCH
 
Expresionismo
ExpresionismoExpresionismo
Expresionismo
 
Letrero miss claudia
Letrero miss claudiaLetrero miss claudia
Letrero miss claudia
 
EVALUACIÓN REGIONAL 2018 - MATEMÁTICA
EVALUACIÓN REGIONAL 2018 - MATEMÁTICAEVALUACIÓN REGIONAL 2018 - MATEMÁTICA
EVALUACIÓN REGIONAL 2018 - MATEMÁTICA
 
EVALUACIÓN REGIONAL 2018 - COMUNICACIÓN
EVALUACIÓN REGIONAL 2018 - COMUNICACIÓNEVALUACIÓN REGIONAL 2018 - COMUNICACIÓN
EVALUACIÓN REGIONAL 2018 - COMUNICACIÓN
 
Materiales de mantenimiento preventivo de las laptops del aula funcional de i...
Materiales de mantenimiento preventivo de las laptops del aula funcional de i...Materiales de mantenimiento preventivo de las laptops del aula funcional de i...
Materiales de mantenimiento preventivo de las laptops del aula funcional de i...
 
Manual moodle 3.0
Manual moodle 3.0Manual moodle 3.0
Manual moodle 3.0
 
Cuestionario m2 b1
Cuestionario m2 b1Cuestionario m2 b1
Cuestionario m2 b1
 
Tutoria en plataformas virtuales
Tutoria en plataformas virtualesTutoria en plataformas virtuales
Tutoria en plataformas virtuales
 
Cuestionario 4
Cuestionario 4Cuestionario 4
Cuestionario 4
 
Tutoria en plataformas virtuales
Tutoria en plataformas virtualesTutoria en plataformas virtuales
Tutoria en plataformas virtuales
 
Cuestionario 3
Cuestionario 3Cuestionario 3
Cuestionario 3
 
Tutoria en plataformas virtuales
Tutoria en plataformas virtualesTutoria en plataformas virtuales
Tutoria en plataformas virtuales
 

JavaScript variables y tipos

  • 1. PAGINA WEB II 2012 - 2 Ing. Eddye Sánchez Castillo
  • 2. JAVASCRIPT ¿Qué es JavaScript? JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. UNA PÁGINA WEB DINÁMICA es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.
  • 3. JAVASCRIPT Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios. A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de programación Java. Legalmente, JavaScript es una marca registrada de la empresa Sun Microsystems, como se puede ver en http://www.sun.com/suntrademarks/.
  • 4. MI PRIMER SCRIPT A continuación, se muestra un primer script sencillo pero completo: <html > <head> <title>primer script</title> <script type="text/javascript"> alert("Hola Mundo!"); </script> </head> <body> <p>Esta página contiene el primer script</p> </body> </html>
  • 5. JAVASCRIPT Aunque el código del script se puede incluir en cualquier parte de la página, se recomienda incluirlo en la cabecera del documento, es decir, dentro de la etiqueta <head>. A continuación, el código JavaScript se debe incluir entre las etiquetas <script>...</script>. Además, para que la página sea válida, es necesario definir el atributo type de la etiqueta <script>.
  • 6. JAVASCRIPT Una vez definida la zona en la que se incluirá el script, se escriben todas las sentencias que forman la aplicación. Este primer ejemplo es tan sencillo que solamente incluye una sentencia: alert("Hola Mundo!");. La instrucción alert() es una de las utilidades que incluye JavaScript y permite mostrar un mensaje en la pantalla del usuario. Si se visualiza la página web de este primer script en cualquier navegador, automáticamente se mostrará una ventana con el mensaje "Hola Mundo!".
  • 7.
  • 8. JAVASCRIPT Antes de comenzar a desarrollar programas y utilidades con JavaScript, es necesario conocer los elementos básicos con los que se construyen las aplicaciones. Se explica en detalle y comenzando desde cero los conocimientos básicos necesarios para poder entender posteriormente la programación avanzada, que es la que se utiliza para crear las aplicaciones reales.
  • 9. VARIABLES Una variable es un elemento que se emplea para almacenar y hacer referencia a otro valor. Si no existieran variables, un programa que suma dos números podría escribirse como: resultado = 3 + 1 Sin embargo, el programa se puede rehacer de la siguiente manera utilizando variables para almacenar y referirse a cada número: numero_1 = 3 numero_2 = 1 resultado = numero_1 + numero_2
  • 10. VARIABLES Los elementos numero_1 y numero_2 son variables que almacenan los valores que utiliza el programa. El resultado se calcula siempre en función del valor almacenado por las variables, por lo que este programa funciona correctamente para cualquier par de números indicado. Si se modifica el valor de las variables numero_1 ynumero_2, el programa sigue funcionando correctamente.
  • 11. VARIABLES Las variables en JavaScript se crean mediante la palabra reservada var. De esta forma, se puede realizar en JavaScript de la siguiente manera: var numero_1 = 3; var numero_2 = 1; var resultado = numero_1 + numero_2; La palabra reservada var solamente se debe indicar al definir por primera vez la variable, lo que se denomina declarar una variable.
  • 12. VARIABLES Una variable es un depósito donde hay un valor. Consta de un nombre y pertenece a un tipo (numérico, cadena de caracteres, etc.). Tipos de variable: Una variable puede almacenar: Valores Enteros (100, 260, etc.) Valores Reales (1.24, 2.90, 5.00, etc.) Cadenas de caracteres("Juan", "Compras", "Listado", etc.) Valores lógicos (true,false) Existen otros tipos de variables que veremos más adelante.
  • 13. VARIABLES Las variables son nombres que ponemos a los lugares donde almacenamos la información. En JavaScript, deben comenzar por una letra o un subrayado (_), pudiendo haber además dígitos entre los demás caracteres. Una variable no puede tener el mismo nombre de una palabra clave del lenguaje.
  • 14. VARIABLES Una variable se define anteponiéndole la palabra clave var: ejemplo: var dia; se pueden declarar varias variables en una misma línea: ejemplo -----> var dia, mes, anio; a una variable se la puede definir e inmediatamente inicializarla con un valor: ejemplo: var edad=20; o en su defecto en dos pasos: var edad; edad=20;
  • 15. VARIABLES Elección del nombre de una variable: Debemos elegir nombres de variables representativos. En el ejemplo anterior los nombres dia, mes, anio son lo suficientemente claros para darnos una idea acabada sobre su contenido, una mala elección de nombres hubiera sido llamarlas a, b y c. Podemos darle otros buenos nombres. Otros no son tan representativos, por ejemplo d, m, a. Posiblemente cuando estemos resolviendo un problema dicho nombre nos recuerde que almacenamos el día, pero pasado un tiempo lo olvidaríamos.
  • 16. VARIABLES Elección del nombre de una variable: Impresión de variables en una página HTML. Para mostrar el contenido de una variable en una página utilizamos el objeto document y llamamos a la función write. En el siguiente ejemplo definimos una serie de variables y las mostramos en la página:
  • 17. <html> VARIABLES <head> </head> <body> <script language="JavaScript"> var nombre='Juan'; var edad=10; var altura=1.92; var casado=false; document.write(nombre); document.write('<br>'); document.write(edad); document.write('<br>'); document.write(altura); document.write('<br>'); document.write(casado); </script> </body> </html>