SlideShare una empresa de Scribd logo
1 de 18
DATOS  EN  JAVA  SCRIPT
Los scripts que utilicemos en nuestras páginas HTML manejarán datos y valores para producir resultados. Las variables toman el nombre de literales  , aun cuando se trate de valores numéricos, boleanos o nulos. REGLAS DE SINTAXIS: Los nombres son sensibles a mayúsculas y minúsculas. Deben comenzar por una letra o guión bajo.Ámbito local y global.
TÉRMINOS  RELACIONADOS ,[object Object],Cuando se debe crear un objeto se declara una función con su nombre, la sintaxis correspondiente es: función  nombre( parámetros y variables)  			{ 			 inicialización de campos 			}
FUNCIÓN: Son métodos definidos por el usuario o integrado que realiza una tarea. Las funciones son universales y no tienen que estar asociadas con un objeto para ejecutarse , mientras que lo métodos están integrados con los objetos. METODOS: Las funciones asociadas con un objeto se conocen como métodos de objeto. Puede accesar las propiedades y métodos de un objeto utilizando la siguiente notación: Nombreobjeto.nombrePropiedad Nombreobjeto.nombreMétodo También puede definirse mediante la utilización de arreglos o vectores.
PROPIEDADES: Son adjetivos que se refieren a los elementos y que pueden hacer que los objetos sean diferentes de otros, es decir los describen. Recordemos siempre que las jerarquías son muy importantes y deben respetarse, el objeto más alto se encuentra a la izquierda y gana especificidad conforme se mueve a la derecha y sus descendientes comienzan a ramificarse.
VARIABLES Las variables en JavaScript se crean mediante la palabra reservada var. De esta forma, el ejemplo anterior se puede realizar en JavaScript de la siguiente manera: varnumero_1; var numero_2 = 1; La palabra reservada var solamente se debe indicar al definir por primera vez la variable, lo que se denomina declarar una variable.
En JavaScript no es obligatorio inicializar las variables, ya que se pueden declarar por una parte y asignarles un valor posteriormente. Por tanto, el ejemplo anterior se puede rehacer de la siguiente manera: var numero_1; var numero_2;   numero_1 = 3; numero_2 = 1;
DESPLIEGUE DE MENSAJES <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML>  <HEAD>    <META http-equiv=Content-Typecontent="text/html; charset=windows-1252">    <META content="Microsoft FrontPage 4.0" name=GENERATOR>  </HEAD>  <BODY>   <SCRIPT language=JavaScript>     //Este es un comentario document.write("HOLA A TODOS");     /*Este es otro comentario*/   </SCRIPT>   </BODY> </HTML>
Ejercicio  práctico Realice la siguiente codificación: <html> <title> Operaciones Básicas</title> <head></head> <body> <script> function suma(){ varb=0; varresul; var a=0; var b=0; resul=parseInt(document.cálculo.a.value)+parseInt(document.cálculo.b.value); document.cálculo.result.value=resul; 	} </script>
<form name="cálculo"><br><br>       Número1: <input type="text" name="a"><br>       Numero2: <input type="text" name="b"><br><br> Suma : <input type="text" name="resultado">   <br>       <input type="button" name="poten" Value="Calcular" onClick=“suma()"> </form> </body> </html>
parseInt: Es un método que analiza un argumento de la cadena de caracteres y da como resultado un entero tomando una base especificada. La sintaxis es: parseInt(cadena [ .base]) document: Es un objeto creado por Navigator cuando una página es cargada, es un elemento base en Java Script que contiene información del documento como color de fondo, título o formularios. Value: Es una propiedad da como resultado el valor de un objeto. Su sintaxis es:  NombreFormulario.nombrebotón.value
FUNCIONES ÚTILES PARA CADENAS DE TEXTO LENGTH:calcula la longitud de una cadena de texto (el número de caracteres que la forman) var mensaje = "Hola Mundo"; varnumeroLetras = mensaje.length; // numeroLetras = 10 +:se emplea para concatenar varias cadenas de texto var mensaje1 = "Hola"; var mensaje2 = " Mundo"; var mensaje = mensaje1 + mensaje2; // mensaje = "Hola Mundo"
Además del operador +, también se puede utilizar la función concat() var mensaje1 = "Hola"; var mensaje2 = mensaje1.concat(" Mundo"); // mensaje2 = "Hola Mundo" Las cadenas de texto también se pueden unir con variables numéricas: var variable1 = "Hola "; var variable2 = 3; var mensaje = variable1 + variable2; // mensaje = "Hola 3"
toUpperCase(): transforma todos los caracteres de la cadena a sus correspondientes caracteres en mayúsculas: var mensaje1 = "Hola"; var mensaje2 = mensaje1.toUpperCase(); // mensaje2 = "HOLA" toLowerCase(): transforma todos los caracteres de la cadena a sus correspondientes caracteres en minúsculas: var mensaje1 = "HolA"; var mensaje2 = mensaje1.toLowerCase(); // mensaje2 = "hola"
substring(inicio, final): extrae una porción de una cadena de texto. El segundo parámetro es opcional. Si sólo se indica el parámetro inicio, la función devuelve la parte de la cadena original correspondiente desde esa posición hasta el final: var mensaje = "Hola Mundo"; varporcion = mensaje.substring(2); // porcion = "la Mundo" porcion = mensaje.substring(5);     // porcion = "Mundo" porcion = mensaje.substring(7);     // porcion = "ndo"
Si se indica un inicio negativo, se devuelve la misma cadena original: var mensaje = "Hola Mundo"; varporcion = mensaje.substring(-2); // porcion = "Hola Mundo“
Cuando se indica el inicio y el final, se devuelve la parte de la cadena original comprendida entre la posición inicial y la inmediatamente anterior a la posición final (es decir, la posición inicio está incluida y la posición final no): var mensaje = "Hola Mundo"; varporcion = mensaje.substring(1, 8); // porcion = "ola Mun" porcion = mensaje.substring(3, 4);     // porcion = "a"
Si se indica un final más pequeño que el inicio, JavaScript los considera de forma inversa, ya que automáticamente asigna el valor más pequeño al inicio y el más grande al final: var mensaje = "Hola Mundo"; varporcion = mensaje.substring(5, 0); // porcion = "Hola " porcion = mensaje.substring(0, 5);     // porcion = "Hola

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Programacion I
Programacion IProgramacion I
Programacion I
 
Clase09 java script
Clase09 java scriptClase09 java script
Clase09 java script
 
Script presentacion
Script presentacionScript presentacion
Script presentacion
 
Java - Sintaxis Básica 2015
Java - Sintaxis Básica 2015Java - Sintaxis Básica 2015
Java - Sintaxis Básica 2015
 
Introduccion a c++
Introduccion a c++Introduccion a c++
Introduccion a c++
 
Sintaxis del lenguaje c++
Sintaxis del lenguaje c++Sintaxis del lenguaje c++
Sintaxis del lenguaje c++
 
Java Script BáSico Ajax
Java Script BáSico AjaxJava Script BáSico Ajax
Java Script BáSico Ajax
 
Logica taller de tipo de datos
Logica taller de tipo de datosLogica taller de tipo de datos
Logica taller de tipo de datos
 
Mod2ud1 2
Mod2ud1 2Mod2ud1 2
Mod2ud1 2
 
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSONJavascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
 
Estructura básica de un programa en C++
Estructura básica de un programa en C++Estructura básica de un programa en C++
Estructura básica de un programa en C++
 
Elementos
ElementosElementos
Elementos
 
Ensayo php
Ensayo phpEnsayo php
Ensayo php
 
Clase2
Clase2Clase2
Clase2
 
Clase 10 expresiones regulares
Clase 10 expresiones regularesClase 10 expresiones regulares
Clase 10 expresiones regulares
 
Php, Variables y Constantes
Php, Variables y ConstantesPhp, Variables y Constantes
Php, Variables y Constantes
 
Semana 4 Javascript Estructura de Datos y ciclo FOR
Semana 4   Javascript Estructura de Datos y ciclo FORSemana 4   Javascript Estructura de Datos y ciclo FOR
Semana 4 Javascript Estructura de Datos y ciclo FOR
 
Sintaxis Básica de Java
Sintaxis Básica de JavaSintaxis Básica de Java
Sintaxis Básica de Java
 
Funciones
FuncionesFunciones
Funciones
 
Instrucciones para c_
Instrucciones para c_Instrucciones para c_
Instrucciones para c_
 

Destacado

Destacado (10)

Javascript
JavascriptJavascript
Javascript
 
Funciones Java
Funciones JavaFunciones Java
Funciones Java
 
javascript
javascriptjavascript
javascript
 
Project Scope by Google Apps
Project Scope by Google AppsProject Scope by Google Apps
Project Scope by Google Apps
 
Javascript
JavascriptJavascript
Javascript
 
Java script
Java scriptJava script
Java script
 
Javascript
JavascriptJavascript
Javascript
 
Fundamentos de programacion
Fundamentos de programacionFundamentos de programacion
Fundamentos de programacion
 
Problemas resueltos de c++
Problemas  resueltos de c++Problemas  resueltos de c++
Problemas resueltos de c++
 
Manual c++
Manual c++Manual c++
Manual c++
 

Similar a JS datos, variables y funciones (20)

Java script teoria
Java script teoriaJava script teoria
Java script teoria
 
Javascript
JavascriptJavascript
Javascript
 
PHP MySql - FIEI - UNFV Clase03
PHP MySql - FIEI - UNFV Clase03PHP MySql - FIEI - UNFV Clase03
PHP MySql - FIEI - UNFV Clase03
 
javascript.ppt
javascript.pptjavascript.ppt
javascript.ppt
 
Js control de flujo
Js control de flujoJs control de flujo
Js control de flujo
 
Javascript
JavascriptJavascript
Javascript
 
Manual+php+básico
Manual+php+básicoManual+php+básico
Manual+php+básico
 
Script
ScriptScript
Script
 
Guía JavaScript
Guía JavaScriptGuía JavaScript
Guía JavaScript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Tutorial de php
Tutorial de phpTutorial de php
Tutorial de php
 
Leccion3
Leccion3Leccion3
Leccion3
 
PHP mode on
PHP mode onPHP mode on
PHP mode on
 
Tema 2 objetos_jlabel_jtextfield_jbutton
Tema 2 objetos_jlabel_jtextfield_jbuttonTema 2 objetos_jlabel_jtextfield_jbutton
Tema 2 objetos_jlabel_jtextfield_jbutton
 
PROGRAMACIÓN DE CÓDIGOS CON PHP
PROGRAMACIÓN DE CÓDIGOS CON PHPPROGRAMACIÓN DE CÓDIGOS CON PHP
PROGRAMACIÓN DE CÓDIGOS CON PHP
 
Presentación JavaScript
Presentación JavaScriptPresentación JavaScript
Presentación JavaScript
 

Más de Hamilton Omar Pérez

Más de Hamilton Omar Pérez (12)

Nuevos escenarios de aprendizaje basados en tic
Nuevos escenarios de aprendizaje basados en ticNuevos escenarios de aprendizaje basados en tic
Nuevos escenarios de aprendizaje basados en tic
 
Ponencia UCE 2015 Evaluación del pensamiento computaciona en los estudiantes ...
Ponencia UCE 2015 Evaluación del pensamiento computaciona en los estudiantes ...Ponencia UCE 2015 Evaluación del pensamiento computaciona en los estudiantes ...
Ponencia UCE 2015 Evaluación del pensamiento computaciona en los estudiantes ...
 
Ponencia pensamiento computacional
Ponencia pensamiento computacionalPonencia pensamiento computacional
Ponencia pensamiento computacional
 
Enfoques de la didáctica
Enfoques de la didácticaEnfoques de la didáctica
Enfoques de la didáctica
 
Ingresos y salidas de datos JAVA
Ingresos y salidas de datos JAVAIngresos y salidas de datos JAVA
Ingresos y salidas de datos JAVA
 
Objetos y clases java
Objetos y clases javaObjetos y clases java
Objetos y clases java
 
Teorías del aprendizaje
Teorías del aprendizajeTeorías del aprendizaje
Teorías del aprendizaje
 
Analisis de sistemas
Analisis de sistemasAnalisis de sistemas
Analisis de sistemas
 
Raíces y prefijos
Raíces y prefijosRaíces y prefijos
Raíces y prefijos
 
Ejercicio velocidad de lectura
Ejercicio velocidad de lecturaEjercicio velocidad de lectura
Ejercicio velocidad de lectura
 
Hamilton omar perez pacie
Hamilton omar perez pacieHamilton omar perez pacie
Hamilton omar perez pacie
 
Hamilton omar perez pacie
Hamilton omar perez pacieHamilton omar perez pacie
Hamilton omar perez pacie
 

Último

LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfNataliaMalky1
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
Los Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la SostenibilidadLos Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la SostenibilidadJonathanCovena1
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxJUANCARLOSAPARCANARE
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 

Último (20)

LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
Los Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la SostenibilidadLos Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la Sostenibilidad
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 

JS datos, variables y funciones

  • 1. DATOS EN JAVA SCRIPT
  • 2. Los scripts que utilicemos en nuestras páginas HTML manejarán datos y valores para producir resultados. Las variables toman el nombre de literales , aun cuando se trate de valores numéricos, boleanos o nulos. REGLAS DE SINTAXIS: Los nombres son sensibles a mayúsculas y minúsculas. Deben comenzar por una letra o guión bajo.Ámbito local y global.
  • 3.
  • 4. FUNCIÓN: Son métodos definidos por el usuario o integrado que realiza una tarea. Las funciones son universales y no tienen que estar asociadas con un objeto para ejecutarse , mientras que lo métodos están integrados con los objetos. METODOS: Las funciones asociadas con un objeto se conocen como métodos de objeto. Puede accesar las propiedades y métodos de un objeto utilizando la siguiente notación: Nombreobjeto.nombrePropiedad Nombreobjeto.nombreMétodo También puede definirse mediante la utilización de arreglos o vectores.
  • 5. PROPIEDADES: Son adjetivos que se refieren a los elementos y que pueden hacer que los objetos sean diferentes de otros, es decir los describen. Recordemos siempre que las jerarquías son muy importantes y deben respetarse, el objeto más alto se encuentra a la izquierda y gana especificidad conforme se mueve a la derecha y sus descendientes comienzan a ramificarse.
  • 6. VARIABLES Las variables en JavaScript se crean mediante la palabra reservada var. De esta forma, el ejemplo anterior se puede realizar en JavaScript de la siguiente manera: varnumero_1; var numero_2 = 1; La palabra reservada var solamente se debe indicar al definir por primera vez la variable, lo que se denomina declarar una variable.
  • 7. En JavaScript no es obligatorio inicializar las variables, ya que se pueden declarar por una parte y asignarles un valor posteriormente. Por tanto, el ejemplo anterior se puede rehacer de la siguiente manera: var numero_1; var numero_2;   numero_1 = 3; numero_2 = 1;
  • 8. DESPLIEGUE DE MENSAJES <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv=Content-Typecontent="text/html; charset=windows-1252"> <META content="Microsoft FrontPage 4.0" name=GENERATOR> </HEAD> <BODY> <SCRIPT language=JavaScript> //Este es un comentario document.write("HOLA A TODOS"); /*Este es otro comentario*/ </SCRIPT> </BODY> </HTML>
  • 9. Ejercicio práctico Realice la siguiente codificación: <html> <title> Operaciones Básicas</title> <head></head> <body> <script> function suma(){ varb=0; varresul; var a=0; var b=0; resul=parseInt(document.cálculo.a.value)+parseInt(document.cálculo.b.value); document.cálculo.result.value=resul; } </script>
  • 10. <form name="cálculo"><br><br> Número1: <input type="text" name="a"><br> Numero2: <input type="text" name="b"><br><br> Suma : <input type="text" name="resultado"> <br> <input type="button" name="poten" Value="Calcular" onClick=“suma()"> </form> </body> </html>
  • 11. parseInt: Es un método que analiza un argumento de la cadena de caracteres y da como resultado un entero tomando una base especificada. La sintaxis es: parseInt(cadena [ .base]) document: Es un objeto creado por Navigator cuando una página es cargada, es un elemento base en Java Script que contiene información del documento como color de fondo, título o formularios. Value: Es una propiedad da como resultado el valor de un objeto. Su sintaxis es: NombreFormulario.nombrebotón.value
  • 12. FUNCIONES ÚTILES PARA CADENAS DE TEXTO LENGTH:calcula la longitud de una cadena de texto (el número de caracteres que la forman) var mensaje = "Hola Mundo"; varnumeroLetras = mensaje.length; // numeroLetras = 10 +:se emplea para concatenar varias cadenas de texto var mensaje1 = "Hola"; var mensaje2 = " Mundo"; var mensaje = mensaje1 + mensaje2; // mensaje = "Hola Mundo"
  • 13. Además del operador +, también se puede utilizar la función concat() var mensaje1 = "Hola"; var mensaje2 = mensaje1.concat(" Mundo"); // mensaje2 = "Hola Mundo" Las cadenas de texto también se pueden unir con variables numéricas: var variable1 = "Hola "; var variable2 = 3; var mensaje = variable1 + variable2; // mensaje = "Hola 3"
  • 14. toUpperCase(): transforma todos los caracteres de la cadena a sus correspondientes caracteres en mayúsculas: var mensaje1 = "Hola"; var mensaje2 = mensaje1.toUpperCase(); // mensaje2 = "HOLA" toLowerCase(): transforma todos los caracteres de la cadena a sus correspondientes caracteres en minúsculas: var mensaje1 = "HolA"; var mensaje2 = mensaje1.toLowerCase(); // mensaje2 = "hola"
  • 15. substring(inicio, final): extrae una porción de una cadena de texto. El segundo parámetro es opcional. Si sólo se indica el parámetro inicio, la función devuelve la parte de la cadena original correspondiente desde esa posición hasta el final: var mensaje = "Hola Mundo"; varporcion = mensaje.substring(2); // porcion = "la Mundo" porcion = mensaje.substring(5); // porcion = "Mundo" porcion = mensaje.substring(7); // porcion = "ndo"
  • 16. Si se indica un inicio negativo, se devuelve la misma cadena original: var mensaje = "Hola Mundo"; varporcion = mensaje.substring(-2); // porcion = "Hola Mundo“
  • 17. Cuando se indica el inicio y el final, se devuelve la parte de la cadena original comprendida entre la posición inicial y la inmediatamente anterior a la posición final (es decir, la posición inicio está incluida y la posición final no): var mensaje = "Hola Mundo"; varporcion = mensaje.substring(1, 8); // porcion = "ola Mun" porcion = mensaje.substring(3, 4); // porcion = "a"
  • 18. Si se indica un final más pequeño que el inicio, JavaScript los considera de forma inversa, ya que automáticamente asigna el valor más pequeño al inicio y el más grande al final: var mensaje = "Hola Mundo"; varporcion = mensaje.substring(5, 0); // porcion = "Hola " porcion = mensaje.substring(0, 5); // porcion = "Hola