Java script operaciones

18

description

Muestra ejercicios de java script

Transcript of Java script operaciones

Page 1: Java script operaciones
Page 2: Java script operaciones

Los scripts que utilicemos en nuestras páginas HTML manejarán datosy valores para producir resultados.

Las variables toman el nombre de literales , aun cuando se trate devalores 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.

Page 3: Java script operaciones

TÉRMINOS RELACIONADOS

Objetos: Un objeto es una estructura de datos que contiene varios campos donde almacenar información, es decir utuiliza vartiablescon propiedades.

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

}

Page 4: Java script operaciones

FUNCIÓN: Son métodos definidos por el usuario ointegrado que realiza una tarea.

Las funciones son universales y no tienen que estarasociadas con un objeto para ejecutarse , mientras quelo métodos están integrados con los objetos.

METODOS: Las funciones asociadas con un objeto seconocen como métodos de objeto. Puede accesar laspropiedades y métodos de un objeto utilizando lasiguiente notación:

Nombreobjeto.nombrePropiedadNombreobjeto.nombreMétodoTambién puede definirse mediante la utilización de arreglos

o vectores.

Page 5: Java script operaciones

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.

Page 6: Java script operaciones

VARIABLES

Las variables en JavaScript se crean mediante la palabrareservada var. De esta forma, el ejemplo anterior se puederealizar en JavaScript de la siguiente manera:

var numero_1;var numero_2 = 1;

La palabra reservada var solamente se debe indicar aldefinir por primera vez la variable, lo que se denominadeclarar una variable.

Page 7: Java script operaciones

En JavaScript no es obligatorio inicializar las variables, yaque se pueden declarar por una parte y asignarles unvalor posteriormente. Por tanto, el ejemplo anterior sepuede rehacer de la siguiente manera:var numero_1;var numero_2;

numero_1 = 3;numero_2 = 1;

Page 8: Java script operaciones

DESPLIEGUE DE MENSAJES<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD>

<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD><BODY><SCRIPT language=JavaScript>

//Este es un comentariodocument.write("HOLA A TODOS");/*Este es otro comentario*/

</SCRIPT></BODY>

</HTML>

Page 9: Java script operaciones

Ejercicio prácticoRealice la siguiente codificación:

<html><title> Operaciones Básicas</title><head></head><body><script>

function suma(){var b=0;var resul;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>

Page 10: Java script operaciones

<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>

Page 11: Java script operaciones

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

Page 12: Java script operaciones

FUNCIONES ÚTILES PARA CADENAS DE TEXTO

LENGTH: calcula la longitud de una cadena de texto (elnúmero de caracteres que la forman)

var mensaje = "Hola Mundo";

var numeroLetras = mensaje.length; // numeroLetras = 10

+: se emplea para concatenar varias cadenas de texto

var mensaje1 = "Hola";

var mensaje2 = " Mundo";

var mensaje = mensaje1 + mensaje2; // mensaje = "HolaMundo"

Page 13: Java script operaciones

Además del operador +, también se puede utilizar la funciónconcat()

var mensaje1 = "Hola";

var mensaje2 = mensaje1.concat(" Mundo"); // mensaje2 ="Hola Mundo"

Las cadenas de texto también se pueden unir con variablesnuméricas:

var variable1 = "Hola ";

var variable2 = 3;

var mensaje = variable1 + variable2; // mensaje = "Hola 3"

Page 14: Java script operaciones

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"

Page 15: Java script operaciones

substring(inicio, final): extrae una porción de unacadena de texto. El segundo parámetro es opcional. Si sólose indica el parámetro inicio, la función devuelve la parte dela cadena original correspondiente desde esa posición hastael final:var mensaje = "Hola Mundo";var porcion = mensaje.substring(2); // porcion = "laMundo"porcion = mensaje.substring(5); // porcion = "Mundo"porcion = mensaje.substring(7); // porcion = "ndo"

Page 16: Java script operaciones

Si se indica un inicio negativo, se devuelve la misma cadenaoriginal:var mensaje = "Hola Mundo";var porcion = mensaje.substring(-2); // porcion = "HolaMundo“

Page 17: Java script operaciones

Cuando se indica el inicio y el final, se devuelve la parte de lacadena original comprendida entre la posición inicial y lainmediatamente anterior a la posición final (es decir, laposición inicio está incluida y la posición final no):var mensaje = "Hola Mundo";var porcion = mensaje.substring(1, 8); // porcion = "ola Mun"porcion = mensaje.substring(3, 4); // porcion = "a"

Page 18: Java script operaciones

Si se indica un final más pequeño que el inicio, JavaScriptlos considera de forma inversa, ya que automáticamenteasigna el valor más pequeño al inicio y el más grande alfinal:var mensaje = "Hola Mundo";var porcion = mensaje.substring(5, 0); // porcion = "Hola "porcion = mensaje.substring(0, 5); // porcion = "Hola