Scribd
Cargar
242 vistas

Manual Java Script Clases

Este manual describe los conceptos básicos de JavaScript como lenguaje de programación, incluyendo su sintaxis, tipos de datos, variables, operadores, sentencias de control y objetos. Explica que JavaScript es un lenguaje orientado a objetos que se usa comúnmente en páginas web para agregar interactividad. También describe dónde y cómo incluir código JavaScript en documentos HTML y la jerarquía de objetos principales en JavaScript como window, document y otros.

Cargado por

Gabriela Ortega
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Formatos disponibles
Descarga como DOC, PDF, TXT o lee en línea desde Scribd
242 vistas

Manual Java Script Clases

Este manual describe los conceptos básicos de JavaScript como lenguaje de programación, incluyendo su sintaxis, tipos de datos, variables, operadores, sentencias de control y objetos. Explica que JavaScript es un lenguaje orientado a objetos que se usa comúnmente en páginas web para agregar interactividad. También describe dónde y cómo incluir código JavaScript en documentos HTML y la jerarquía de objetos principales en JavaScript como window, document y otros.

Cargado por

Gabriela Ortega
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Formatos disponibles
Descarga como DOC, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 16

Manual de JavaScript

Manual de JavaScript.

1. Introducción.
1.1. ¿Qué es JavaScript?
1.2. Jerarquía de los Objetos en JavaScript.
1.3. Dónde y Cómo Incluir JavaScript.
1.4. Gramática.
1.5. Variables.
1.6. Tipos de Datos
1.7.Sentencias de Control:
1.7.1. if.
1.7.2. else if
1.7.3. switch.
1.7.4. while.
1.7.5. do while.
1.7.6. for.

2. Operadores
2.1. Operadores Aritméticos.
2.2. Operadores de Comparación.
2.3. Operadores Lógicos.

3. Objetos del Lenguaje:


3.1. String.
3.1.1. Propiedades
3.1.1.1. Length
3.1.2. Métodos
3.1.2.1. charAt().
3.1.2.2. indexOf().
3.1.2.3. lastIndexOf().
3.1.2.4. substring().
3.1.2.5. concat().
3.1.2.6. split().
3.1.2.7. toLowerCase().
3.1.2.8. toUpperCase().
Manual de JavaScript

¿Qué es JavaScript?

Se trata de un lenguaje de tipo script compacto, basado en objetos y guiado por eventos
diseñado específicamente para el desarrollo de aplicaciones cliente-servidor dentro del ámbito
de Internet. Los programas JavaScript van incrustados en los documentos HMTL, y se encargan
de realizar acciones en el cliente, como pueden ser pedir datos, confirmaciones, mostrar
mensajes, crear animaciones, comprobar campos... JavaScript es un lenguaje de Alto Nivel con
capacidades orientadas a objetos, incrustado en los navegadores como Netscape e Internet
Explorer, es decir, no se necesita instalar ningún software adicional pues estos navegadores
tienen a JavaScript integrado, lo único que se requiere es agregar los scripts en los documentos
HTML bajo la sintaxis propia tanto de JavaScript como de HTML.

Sintácticamente el núcleo de JavaScript se parece al de C, C++ y JAVA, permitiendo utilizar


estructuras de control como if, while y operadores como &&.

JavaScript es un lenguaje untyped, lo cual significa que las variables no necesitan tener un tipo
específico de datos, es decir, las variables pueden contener cualquier tipo de dato.

La Jerarquía de los Objetos en JavaScript

La jerarquía que presentan los objetos del navegador, atendiendo a una relación "contenedor -
contenido" que se da entre estos objetos. De forma esquemática, esta jerarquía podemos
representarla de esta manera (al lado está la directiva HTML con que se incluyen en el
documento objetos de este tipo, cuando exista esta directiva):

* window
+ history
+ location
+ document <BODY> ... </BODY>
- anchor <A NAME="..."> ... </A>
- applet <APPLET> ... </APPLET>
- area <MAP> ... </MAP>
- form <FORM> ... </FORM>
+ button <INPUT TYPE="button">
+ checkbox <INPUT TYPE="checkbox">
+ fileUpload <INPUT TYPE="file">
+ hidden <INPUT TYPE="hidden">
+ password <INPUT TYPE="password">
+ radio <INPUT TYPE="radio">
+ reset <INPUT TYPE="reset">
+ select <SELECT> ... </SELECT>
- options <INPUT TYPE="option">
+ submit <INPUT TYPE="submit">
+ text <INPUT TYPE="text">
+ textarea <TEXTAREA> ... </TEXTAREA>
- image <IMG SRC="...">
- link <A HREF="..."> ... </A>
- plugin <EMBED SRC="...">
+ frame <FRAME>
* navigator

Según esta jerarquía, podemos entender el objeto area (por poner un ejemplo) como un objeto
dentro del objeto document que a su vez está dentro del objeto window. La notación "." se
usa para denotar a un objeto que está dentro de un objeto.

Por ejemplo, si queremos hacer referencia a una caja de texto, tendremos que escribir:
Manual de JavaScript

VENTANA.DOCUMENTO.FORMULARIO.CAJA_DE_TEXTO

Donde ventana es el nombre del objeto window (su nombre por defecto es window),
documento es el nombre del objeto document (cuyo nombre por defecto es document),
formulario es el nombre del objeto forms (veremos que forms es un array) y caja_de_texto es
el nombre del objeto textarea (cuyo nombre por defecto es textarea).

En la mayoría de los casos podemos ignorar la referencia a la ventana actual (window), pero
será necesaria esta referencia cuando estemos utilizando múltiples ventanas, o cuando usemos
frames. Cuando estemos usando un único frame, podemos pues ignorar explícitamente la
referencia al objeto window, ya que JS asumirá que la referencia es de la ventana actual.

También podemos utilizar la notación de array para referirnos a algún objeto, por ejemplo,
cuando los objetos a usar no tienen nombre, como en este caso:

DOCUMENT.FORMS[0].ELEMENTS[1];

Hace referencia al segundo elemento del primer formulario del documento; este elemento será
el segundo que se haya creado en la página HTML.

Dónde y como incluir JavaScript

Existen distintos modos de incluir lenguaje JavaScript en una página.

La forma mas frecuente de hacerlo es utilizando la directiva <script> en un documento HTML


(se pueden incluir tantas directivas <script> como se quiera en un documento).

El formato es el siguiente:
<SCRIPT LANGUAGE="JAVASCRIPT">

El atributo lenguaje hace referencia a la versión de JavaScript que se va a utilizar en dicho


script. Otro atributo de la directiva script es src, que puede usarse para incluir un archivo
externo que contiene JavaScript y que quiere incluirse en el código HTML.

<SCRIPT LANGUAGE=”JAVASCRIPT” SRC=”ARCHIVE.JS”></SCRIPT>

El archivo externo simplemente es un archivo del texto que contiene código JavaScript, y cuyo
nombre acaba con la extensión js.

Puede incluirse también código JavaScript como respuesta a algún evento:

<INPUT TYPE="SUBMIT" ONCLICK="ALERT('ACABAS DE HACER


CLICK')";RETURN FALSE; VALUE="CLICK">

Click

Nota: Los scripts pueden incluirse como comentarios para asegurar que su código no es "visto"
por navegadores viejos que no reconocen JavaScript y así evitar errores.

<SCRIPT…>
<!-
CÓDIGO DE JAVASCRIPT
//-->
</SCRIPT>
Manual de JavaScript

Gramática

En la siguiente tabla se resume los elementos principales de la gramática de JavaScript. Cada


uno de los elementos se verá en detalle a lo largo del manual.

Nota importante: JavaScript es sensible a mayúsculas y minúsculas, todos los elementos de


JavaScript deben referenciarse cómo se definieron, no es lo mismo "Salto" que "salto".

Variables Etiquetas que se refieren a un valor cambiante.

Operadore Pueden usarse para calcular o comparar valores.


s Ejemplo: pueden sumarse dos valores, pueden compararse dos valores...

Expresion Cualquier combinación de variables, operadores, y declaraciones que evalúan a


es algún resultado.
Ejemplo: intTotal=100; intTotal > 100

Sentencia Una sentencia puede incluir cualquier elemento de la gramática de JavaScript. Las
s sentencias de JavaScript pueden tomar la forma de condicional, bucle, o
manipulaciones del objeto. La forma correcta para separarlas es por punto y coma,
esto sólo es obligatorio si las declaraciones múltiples residen en la misma línea.
Aunque es recomendable que se acostumbre a terminar cada instrucción con un
punto y coma, se ahorrará problemas.

Objetos Estructura "contenedora" de valores, procedimientos y funciones, cada valor


refleja una propiedad individual de ese objeto.

Funciones Una función de JavaScript es bastante similar a un" procedimiento" o"


y Métodos subprograma" en otro lenguaje de programación. Una función es un conjunto que
realizan alguna acción. Puede aceptar los valores entrantes (los parámetros), y
puede devolver un valor saliente. Un método simplemente es una función
contenida en un objeto.

Variables

Las variables almacenan y recuperan datos, también conocidos como "valores". Una variable
puede referirse a un valor que cambia o se cambia. Las variables son referenciadas por su
nombre, y el nombre que les es asignado debe ser conforme a ciertas reglas (debe empezar con
una letra o ("_"); los caracteres siguientes pueden ser números (0-9), letras mayúsculas o letras
minúsculas).

Ejemplos de definiciones:

VAR_UNA_VARIABLE,P123ROBANDO,_123,MI_CARROOO;

Por supuesto, podemos inicializar una variable al declararla:

VAR UNA_VARIABLE=”ESTA CADENITA DE TEXTO”


Manual de JavaScript

Las variables en JavaScript pueden ser de alcance global o local. Una variable global es
accesible desde cualquier <script> de la página mientras que una variable local sólo lo es
desde la función en la que fue declarada.

Normalmente, usted crea una nueva variable global asignándole simplemente un valor:

globalVariable=5;

Sin embargo, si usted está codificando dentro de una función y usted quiere crear una variable
local que sólo tenga alcance dentro de esa función, debe declarar la nueva variable haciendo
uso de var:

FUNCTION NEWFUNCTION{

VAR LOCALVARIABLE=1;
GLOBALVARIABLE=0;
…….
}

Tipo de Datos

JavaScript reconoce seis tipos de valores diferentes: numéricos, lógicos, objetos, cadenas, nulos
e indefinidos.

JavaScript tiene la peculiaridad de ser un lenguaje débilmente tipado, esto es, una variable
puede cambiar de tipo durante su vida, por ejemplo uno puede declarar una variable que ahora
sea un entero y más adelante una cadena.

MIVARIABLE=4

y después:

MIVARIABLE=”UNA_CADENA”

A diferencia de otros lenguajes y como ya hemos visto, en JavaScript no es necesario declarar


las variables especificando el tipo de dato que contendrán, será el propio interprete el que le
asignará el tipo apropiado. (Esto es así para seguir la filosofía de diseño de JavaScript que indica
que se realizan programas pequeños y que la idea es lograr que el programador realice los
scripts de la manera más rápida posible).

Tipos de Datos:

Número Enteros o coma flotante.


s

Boleano True o False.


s

Cadenas Los tipos de datos cadena deben ir delimitados por comillas simples o dobles.

Objetos Obj = new Object();

Nulos Null

Indefini Un valor indefinido es el que corresponde a una variable que ha sido creada pero no le
dos ha sido asignado un valor.
Manual de JavaScript

Sentencias de Control

if, control-statement

if es una sentencia de control que permite a JavaScript hacer decisiones, es decir, ejecutar
sentencias condicionalmente. Sintaxis:

IF (EXPRESSION)
STATEMENT

La expresión es evaluada y si el resultado es verdadero o se puede convertir a verdadero (por


ejemplo 1) la sentencia se ejecuta, si es falsa la sentencia no se ejecuta.

Una segunda forma de la sentencia de control if es la siguiente sintaxis:

IF (EXPRESSION)
STATEMENT1
ELSE
STATEMENT2

La expresión es evaluada y si el resultado es verdadero o se puede convertir a verdadero (por


ejemplo 1) la sentencia se ejecuta, si el resultado es falso la sentencia1 no se ejecuta y se
ejecuta entonces la sentencia2.

else if, control-statement

else if es una sentencia de control que se utiliza para evaluar una condición y ejecutar una de
dos piezas de código. Sintaxis:

IF (EXPRESSION)
STATEMENT1
ELSE IF (EXPRESSION)
STATEMENT2
ELSE
STATEMENT3

switch

switch es una mejor alternativa que if cuando se está evaluando a una misma variable para
ejecutar distintas acciones para cada caso posible, además de ser más optimo. Sintaxis:

SWITCH(EXPRESSION){
CASE A:
STATEMENTS
BREAK;
CASE B:
STATEMENTS
BREAK;
CASE C:
STATEMENTS
BREAK;
CASE D:
STATEMENTS
Manual de JavaScript

BREAK;
DEFAULT:
STATEMENTS
BREAK;
}

while, control statement

while permite evaluar acciones repetitivamente, se justifica su uso cuando no sabemos


el número de veces que deseamos repetir un bloque de código. Sintaxis:

WHILE(EXPRESSION)
STATEMENT1

do while, control statement

La diferencia de do while con while, es que do while al menos ejecuta una vez el código
contenido en la sentencia do ya que secuencialmente se ejecuta primero y despues se evalua y
que sintacticamente la sentencia while termina con punto y coma. Sintaxis:

DO{
STATEMENT1
}WHILE(EXPRESSION);

for, control statement

Al igual que while, la sentencia de control for permite repetir la ejecución de un bloque de
código, se justifica su uso cuando se conoce el número de veces que se tiene que repetir el
código. Sintaxis:

FOR(INITIALIZE;TEST;INCREMENT)
STATEMENT

Operadores

Los operadores toman una o más variables o valores (los operando) y devuelve un nuevo valor;
por ejemplo el ' +' operador puede agregar dos números para producir un tercero. Lo
operadores están clasificados en varias clases dependiendo de la relación que ellos realizan:

• Operadores Aritméticos
• Operadores de Comparación
• Operadores Lógicos

Operadores Aritméticos

Los operadores aritméticos toman los valores numéricos (literales o variables) como sus
operando y devuelve un solo valor numérico. Los operadores aritméticos normales son:

Operador Nombre Ejem Descripción


plo
+ Suma 5+6 Suma dos números
- Substracción 7-9 Resta dos números
* Multiplicación 6*3 Multiplica dos números
/ División 4/8 Divide dos números
% Módulo: el resto 7%2 Devuelve el resto de dividir ambos
Manual de JavaScript

después de la división números, en este ejemplo el resultado es


1
++ Incremento. a++ Suma 1 al contenido de una variable.
-- Decremento. a-- Resta 1 al contenido de una variable.
- Invierte el signo de un -a Invierte el signo de un operando.
operando.
Manual de JavaScript

Operadores de Comparación

Un operador de la comparación compara sus operando y devuelve un valor lógico basado en si


la comparación es verdad o no. Los operando pueden ser numéricos o cadenas.

Operador Descripción

== " Igual a" devuelve true si los operandos son iguales

=== Estrictamente "igual a" (JavaScript 1.3)

!= " No igual a" devuelve true si los operandos no son iguales

!== Estrictamente " No igual a" (JavaScript 1.3)

> " Mayor que" devuelve true si el operador de la izquierda es mayor que el de la
derecha.

>= " Mayor o igual que " devuelve true si el operador de la izquierda es mayor o igual
que el de la derecha.

< " Menor que" devuelve true si el operador de la izquierda es menor que el de la
derecha.

<= "Menor o igual que" devuelve true si el operador de la izquierda es menor o igual que
el de la derecha.

Nota:

En JavaScript 1.3 y JavaScript 1.1 o anteriores, los operadores de comparación realizaban 'una
conversión de tipos' si era necesario. Es decir, si un operando era una cadena y el otro era un
valor numérico, JavaScript realizaba la conversión de la cadena a numérico antes de realizar la
comparación.

JavaScript 1.2 no realizaba 'conversiones de tipo', por eso si dos operadores eran de tipos
distintos no se realizaba la comparación.

Finalmente, en las últimas versiones de JavaScript se añaden los operadores de 'comparación


estricta', los cuales realizarán la comparación si los dos operandos son del mismo tipo.

Operadores Lógicos

Los operadores Lógicos se utilizan para combinar múltiples comparaciones en una expresión
condicional. Un operador lógico toma dos operandos cada uno de los cuales es un valor true o
false y devuelve un valor true o false.

Operado
Descripción
r

&& " Y " Devuelve true si ambos operadores son


true.

|| " O " Devuelve true si uno de los operadores


es true.

! "No" Devuelve true si la negación del


Manual de JavaScript

operando es true.

OBJETOS DEL LENGUAJE

El Objeto String

Este objeto nos permite hacer diversas manipulaciones con las cadenas, para que trabajar con
ellas sea más sencillo. Cuando asignamos una cadena a una variable, JS está creando un objeto
de tipo String que es el que nos permite hacer las manipulaciones.

Propiedades

• length. Valor numérico que nos indica la longitud en caracteres de la cadena dada.
• prototype Nos permite asignar nuevas propiedades al objeto String.

Métodos

• .charAt(indice)
• .indexOf(caracter)
• .lastIndexOf(cadena_buscada,indice)
• .split(separador)
• .substring(primer_Indice,segundo_Indice).
• .concat(cadena1,cadena2)
• .toLowerCase()
• .toUpperCase()

Propiedad:

Length:

String.length(); Devuelve la longitud de cualquier cadena

Ejemplo:

• Digite una frase:

Obtener Longitud
• Longitud:

CODIGO EN ARCHIVO DE JAVASCRIPT:

function longitud(cad3){

window.alert("La longitud de la cadena "+cad3+" es: " +cad3.length);


Manual de JavaScript

window.document.formulario1.campo2.value=cad3.length;
return;}

CODIGO EN DOCUMENTO DE HTML:

<form name="formulario1" action="ingreso.php" method="post">


Frase: <input type="text" name="campo1" value="Frase inicial" size="40">
Longitud: <input type="text" name="campo2" value="" size="10" disabled="true">
<input type="button" name="longitud_cad" value="Obtener Longitud"
OnClick="longitud(window.document.formulario1.campo1.value);>
</form>
Manual de JavaScript

Métodos:

charAt():

String.charAt(indice): Devuelve el carácter situado en la posición especificada por el índice,


si el índice indica una posición inexistente no devuelve nada.

Ejemplo:

• Digite una frase:

Extraer
• Digite la posición del caracter, que desea extraer:

CODIGO EN ARCHIVO DE JAVASCRIPT:

function ver(cad,indice){
window.alert("El caracter "+indice+" es: "+cad.charAt(indice));
return; }

CODIGO EN DOCUMENTO DE HTML:

<form name="formulario1" action="ingreso.php" method="post">


Frase: <input type="text" name="campo1" value="Frase inicial" size="40">
Posición: < input type="text" name="campo5" value="3" size="10">
<input type="button" name="extraer" value="Extraer"
OnClick="ver(document.formulario1.campo1.value,document.formulario1.campo5.value);>
</form>

indexOf():

String.indexOf(caracter): Devuelve la posición en donde encontró la cadena, si no la


encontró devuelve -1, el primer caracter corresponde a la posición cero.

Ejemplo:

• Digite una frase:


Buscar

• Digite la cadena a buscar:


Manual de JavaScript

CODIGO EN ARCHIVO DE JAVASCRIPT:

function busqueda(cad6,cadbuscar){
window.alert("La subcadena: "+cadbuscar+" esta en la posicion: "+cad6.indexOf(cadbuscar));
return;}

CODIGO EN DOCUMENTO DE HTML:

<form name="formulario1" action="ingreso.php" method="post">


Frase: <input type="text" name="campo1" value="Frase inicial" size="40">
Subcadena a buscar: <input type="text" name="campo3" value="a" size="10">
<input type="button" name="encontrar" value="Buscar"
OnClick="busqueda(document.formulario1.campo1.value,document.formulario1.campo3.value);
"> </form>

lastIndexOf():

String.lastIndexOf(cadena_buscada,indice). Devuelve la posición de la última ocurrencia


de la "cadena buscada" dentro de la cadena actual, a partir de la posición dada por "índice", y
buscando hacia atrás. Este último argumento es opcional y, si se omite la búsqueda comienza
por el último carácter de la cadena, devuelve -1 si cadena no encontrada.

Ejemplo:

• Digite una frase:

• Digite la cadena a buscar: Buscar

• Digite la posición desde la que se va a buscar:

CODIGO EN ARCHIVO DE JAVASCRIPT:

function busqueda1(cadena,subcadena,posicion){
if (posicion!=""){
window.alert("La subcadena: "+subcadena+" esta en la posicion:
"+cadena.lastIndexOf(subcadena,posicion));}
window.alert("La subcadena: "+subcadena+" esta en la posicion:
"+cadena.lastIndexOf(subcadena));
return;}

CODIGO EN DOCUMENTO DE HTML:

<form name="formulario1" action="ingreso.php" method="post">


Frase: <input type="text" name="campo1" value="Frase inicial" size="40">
Subcadena a buscar: <input type="text" name="campo3" value="a" size="10">
Posición desde la que se va a buscar: <input type="text" name="campo4" value="" size="5">
<input type="button" name="encontrar" value="Buscar"
OnClick="busqueda1(document.formulario1.campo1.value,document.formulario1.campo3.value
,
Manual de JavaScript

document.formulario1.campo4.value);"">
</form>

subtsring():

String.substring(primer_Indice,segundo_Indice). Devuelve la subcadena que


comienza en la posición 'primer_Indice' + 1' y que finaliza en la posición 'segundo_Indice'.
Si primer_Indice es mayor que "segundo_Indice" empieza por 'segundo_Indice + 1' y
termina en 'primer_Indice'.
Ejemplo:

• Digite una frase:


Obtener

• Primer índice: Segundo índice:

CODIGO EN ARCHIVO DE JAVASCRIPT:

function subcadena(cade,pindice,sindice) {
window.alert("Subcadena obtenida entre posiciónes: "+pindice+" y "+sindice+ " es: "
+cade.substring(pindice,sindice));
return;}

CODIGO EN DOCUMENTO DE HTML:

<form name="formulario1" action="ingreso.php" method="post">


Frase: <input type="text" name="campo1" value="Frase inicial" size="40">
Primer índice:<input type="text" name="pindice" value="3" size="10">
Segundo índice:<input type="text" name="sindice" value="5" size="10">
<input type="button" name="extraer" value="Obtener"
OnClick="subcadena(document.formulario1.campo1.value,document.formulario1.pindice.value,
document.formulario1.sindice.value);">
</form>

concat():

String.concat('hola'): Devuelve una cadena, cuyo resultado es la unión de dos.

Ejemplo:

• Ingrese la primera cadena:


CONCAT

• Ingrese la segunda cadena:


Manual de JavaScript

CODIGO EN ARCHIVO DE JAVASCRIPT:

function concatenar(cade,caden) {
window.alert("La primera cadena + La segunda cadena es igual a: "+cade.concat(caden));
return;}

CODIGO EN DOCUMENTO DE HTML:

<form name="formulario1" action="ingreso.php" method="post">


Cadena1: <input type="text" name="campo1" value="Frase inicial" size="20">
Cadena2:<input type="text" name="campo2" value="3" size="20">
<input type="button" name="unir" value="Concat"
OnClick="concatenar(document.formulario1.campo1.value,document.formulario1.campo2.value
);"> </form>

split():

string.split(): Cuando se crea un arreglo con el constructor Array() o se define un arreglo


literal se tiene un propiedad especial llamada length la cual especifica cuantos elementos
contiene el arreglo. La propiedad length de un arreglo se actualiza automáticamente para
mantener su consistencia cuando: se agregan nuevos elementos o se sobre escribe el
arreglo.

Ejemplo:

• Digite una frase:

Obtener Arreglo
• Digite un separador:

CODIGO EN ARCHIVO DE JAVASCRIPT:

function arreglo(cad5,separador){
var arreg = new Array();
arreg = cad5.split(separador);
total="";
for(i=0;i
total=total +(arreg[i]+"\n");
if (separador==" "){
window.alert("Subcadenas resultantes de separar por el espacio "+"\n"+ total);
return;}
window.alert("Subcadenas resultantes de separar por el "+separador+"\n"+ total);
return;}

CODIGO EN DOCUMENTO DE HTML:

<form name="formulario1" action="ingreso.php" method="post">


Frase: <input type="text" name="campo1" value="Frase inicial" size="40">
Separador: <input type="text" name="campo2" value="" size="10">
<input type="button" name="arreglo1" value="Obtener Arreglo"
OnClick="arreglo(window.document.formulario1.campo1.value,
window.document.formulario1.campo2.value);> </form>
Manual de JavaScript

toLowerCase():
String.toLowerCase(); Cambia la cadena a minúsculas.

Ejemplo:

• Digite una frase:

Minúsculas
• Resultado en minúsculas:

CODIGO EN ARCHIVO DE JAVASCRIPT:

function minusculas(cad2){
document.formulario1.campo2.value=cad2.toLowerCase();
return;}

CODIGO EN DOCUMENTO DE HTML:

<form name="formulario1" action="ingreso.php" method="post">


Frase: <input type="text" name="campo1" value="Frase inicial" size="20">
Resultado: <input type="text" name="campo2" value="" size="20" disabled="true">
<input type="button" name="minuscula" value="Minúsculas"
OnClick="minusculas(window.document.formulario1.campo1.value);"> </form>

toUpperCase():

String.toUpperCase(); Cambia la cadena a mayúsculas.

• Digite una frase:

Mayúsculas
• Resultado en mayúsculas:

CODIGO EN ARCHIVO DE JAVASCRIPT:


function mayusculas(cad2){
document.formulario1.campo2.value=cad2.toUpperCase();
return;}

CODIGO EN DOCUMENTO DE HTML:


<form name="formulario1" action="ingreso.php" method="post">
Frase: <input type="text" name="campo1" value="Frase inicial" size="20">
Resultado: <input type="text" name="campo2" value="" size="20" disabled="true">
<input type="button" name="mayuscula" value="Mayúsculas"
OnClick="mayusculas(window.document.formulario1.campo1.value);"> </form>

También podría gustarte