Java script operaciones

2,073 views

Published on

Muestra ejercicios de java script

Published in: Education, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,073
On SlideShare
0
From Embeds
0
Number of Embeds
238
Actions
Shares
0
Downloads
53
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Java script operaciones

  1. 1. DATOS EN JAVA SCRIPT<br />
  2. 2. Los scripts que utilicemos en nuestras páginas HTML manejarán datos y valores para producir resultados.<br />Las variables toman el nombre de literales , aun cuando se trate de valores numéricos, boleanos o nulos.<br />REGLAS DE SINTAXIS:<br />Los nombres son sensibles a mayúsculas y minúsculas.<br />Deben comenzar por una letra o guión bajo.Ámbito local y global.<br />
  3. 3. TÉRMINOS RELACIONADOS<br /><ul><li>Objetos:Un objeto es una estructura de datos que contiene varios campos donde almacenar información, es decir utuilizavartiables con propiedades. </li></ul>Cuando se debe crear un objeto se declara una función con su nombre, la sintaxis correspondiente es:<br />función nombre( parámetros y variables) <br /> {<br /> inicialización de campos<br /> }<br />
  4. 4. FUNCIÓN: Son métodos definidos por el usuario o integrado que realiza una tarea.<br />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.<br />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:<br />Nombreobjeto.nombrePropiedad<br />Nombreobjeto.nombreMétodo<br />También puede definirse mediante la utilización de arreglos o vectores. <br />
  5. 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.<br />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.<br />
  6. 6. VARIABLES<br />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:<br />varnumero_1;<br />var numero_2 = 1;<br />La palabra reservada var solamente se debe indicar al definir por primera vez la variable, lo que se denomina declarar una variable.<br />
  7. 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:<br />var numero_1;<br />var numero_2;<br /> <br />numero_1 = 3;<br />numero_2 = 1;<br />
  8. 8. DESPLIEGUE DE MENSAJES<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /> <HTML><br /> <HEAD><br /> <META http-equiv=Content-Typecontent="text/html; charset=windows-1252"><br /> <META content="Microsoft FrontPage 4.0" name=GENERATOR><br /> </HEAD><br /> <BODY><br /> <SCRIPT language=JavaScript><br /> //Este es un comentario<br />document.write("HOLA A TODOS");<br /> /*Este es otro comentario*/<br /> </SCRIPT><br /> </BODY><br /></HTML><br />
  9. 9. Ejercicio práctico<br />Realice la siguiente codificación:<br /><html><br /><title> Operaciones Básicas</title><br /><head></head><br /><body><br /><script><br />function suma(){<br />varb=0;<br />varresul;<br />var a=0;<br />var b=0;<br />resul=parseInt(document.cálculo.a.value)+parseInt(document.cálculo.b.value);<br />document.cálculo.result.value=resul;<br /> }<br /></script> <br />
  10. 10. <form name="cálculo"><br><br><br /> Número1: <input type="text" name="a"><br><br /> Numero2: <input type="text" name="b"><br><br><br />Suma : <input type="text" name="resultado"><br /> <br><br /> <input type="button" name="poten" Value="Calcular" onClick=“suma()"><br /></form><br /></body><br /></html><br />
  11. 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:<br />parseInt(cadena [ .base])<br />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.<br />Value: Es una propiedad da como resultado el valor de un objeto. Su sintaxis es: <br />NombreFormulario.nombrebotón.value<br />
  12. 12. FUNCIONES ÚTILES PARA CADENAS DE TEXTO<br />LENGTH:calcula la longitud de una cadena de texto (el número de caracteres que la forman)<br />var mensaje = "Hola Mundo";<br />varnumeroLetras = mensaje.length; // numeroLetras = 10<br />+:se emplea para concatenar varias cadenas de texto<br />var mensaje1 = "Hola";<br />var mensaje2 = " Mundo";<br />var mensaje = mensaje1 + mensaje2; // mensaje = "Hola Mundo"<br />
  13. 13. Además del operador +, también se puede utilizar la función concat()<br />var mensaje1 = "Hola";<br />var mensaje2 = mensaje1.concat(" Mundo"); // mensaje2 = "Hola Mundo"<br />Las cadenas de texto también se pueden unir con variables numéricas:<br />var variable1 = "Hola ";<br />var variable2 = 3;<br />var mensaje = variable1 + variable2; // mensaje = "Hola 3"<br />
  14. 14. toUpperCase(): transforma todos los caracteres de la cadena a sus correspondientes caracteres en mayúsculas:<br />var mensaje1 = "Hola";<br />var mensaje2 = mensaje1.toUpperCase(); // mensaje2 = "HOLA"<br />toLowerCase(): transforma todos los caracteres de la cadena a sus correspondientes caracteres en minúsculas:<br />var mensaje1 = "HolA";<br />var mensaje2 = mensaje1.toLowerCase(); // mensaje2 = "hola"<br />
  15. 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:<br />var mensaje = "Hola Mundo";<br />varporcion = mensaje.substring(2); // porcion = "la Mundo"<br />porcion = mensaje.substring(5); // porcion = "Mundo"<br />porcion = mensaje.substring(7); // porcion = "ndo"<br />
  16. 16. Si se indica un inicio negativo, se devuelve la misma cadena original:<br />var mensaje = "Hola Mundo";<br />varporcion = mensaje.substring(-2); // porcion = "Hola Mundo“<br />
  17. 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):<br />var mensaje = "Hola Mundo";<br />varporcion = mensaje.substring(1, 8); // porcion = "ola Mun"<br />porcion = mensaje.substring(3, 4); // porcion = "a"<br />
  18. 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:<br />var mensaje = "Hola Mundo";<br />varporcion = mensaje.substring(5, 0); // porcion = "Hola "<br />porcion = mensaje.substring(0, 5); // porcion = "Hola<br />

×