Inicio > JavaScript > Laboratorio Inicio DAI4501 JavaScript

Laboratorio Inicio DAI4501 JavaScript

Laboratorio JavaScript.

ACTIVIDAD 1 USO DE FUNCIÓN isNaN

Construir una página HTML que contenga una entrada del tipo TEXT y
una del tipo SUBMIT que permita determinar si el valor que se ha
ingresado es un valor numérico.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Laboratorio JavaScript 01</title>
        <script type="text/javascript">
			function isVacio(q) {  
				for ( i = 0; i < q.length; i++ ) {  
					if (q.charAt(i) != " ") return false;  
				}  
				return true;  
			}  
			function isNumeric(valor) {
				return (isNaN(valor)) ? false : true;
			}
			function valida(valor) {
				if(isVacio(valor)) {
					alert('Ingresa un Valor');
					return false;
				}
				if(isNumeric(valor)) { alert('Es Numero'); } 
				else { alert('No es Numero¡'); }
				return false;
			}
        </script>
    </head>
    <body>
        <form id="formulario" onsubmit="return valida(this.miCadena.value)">
			<input type="text" id="miCadena" /> 
			<input type="submit" id="enviar" value="enviar" />
		</form>
    </body>
</html>

ACTIVIDAD 2USO DE FUNCIONES CON CADENAS DE CARACTERES

Construir una página HTML que contenga una entrada del tipo TEXT y
una del tipo SUBMIT que permita determinar si el valor que se ha
ingresado es palíndrome.

OBS. Una cadena se dice palíndrome cuando su inverso es igual a la
palabra.

FUNCIONES DE UTILIDAD

// Devuelve la cadena sólo en letras minúsculas
cadena.toLowerCase();
// Devuelve un arreglo de caracteres con todas las palabras de ‘cadena’
que se encuentran separadas por “ “
cadena.split(“”);
// Devuelve el reverso de cadena
cadena.reverse();

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Laboratorio JavaScript 02</title>
        <script type="text/javascript">
			function isVacio(q) {  
				for ( i = 0; i < q.length; i++ ) {  
					if (q.charAt(i) != " ") return false;  
				}  
				return true;  
			}  
			function isPalindrome(pal) {
				var palabra = pal.toLowerCase();
				for(var i=0; i<palabra.length; i++) {
					if(palabra.charAt(i) != palabra.split("").reverse().join("").charAt(i)) return false;
				}
				return true;	
			}
			function comprobar(palabra) {
				if(isVacio(palabra)) {
					alert('Ingresa un Valor');
					return;
				}
				if(isPalindrome(palabra)) { alert('Es Palindrome :D'); } 
				else { alert('No Es Palindrome :('); }
			}
        </script>
    </head>
    <body>
        <form id="formularioB" onsubmit="comprobar(this.palabra.value); return false;">
			<input type="text" id="palabra" /> 
			<input type="submit" id="enviar" value="enviar" />
		</form>
    </body>
</html>

ACTIVIDAD 3USO DE CICLOS

Construir una página HTML que contenga dos entradas del tipo TEXT,
llamadas X e Y, además debe contar una del tipo SUBMIT que permita
imprimir la tabla de multiplicar del valor ingresado en X desde 1
hasta Y. Por ejemplo, suponga que X = 6; Y = 11 deberá generar la
siguiente salida:

6 x 1 = 6
6 x 2 = 12
6 x 3 = 18
6 x 4 = 24
6 x 5 = 30

6 x 11 = 66

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Laboratorio JavaScript 03</title>
        <script type="text/javascript">
			function isVacio(q) {  
				for ( i = 0; i < q.length; i++ ) {  
					if (q.charAt(i) != " ") return false;  
				}  
				return true;  
			} 
			function isNumeric(valor) {
				return (isNaN(valor)) ? false : true;
			}
			function addHTML(x,y,z) {
				if(isVacio(x) || isVacio(y)) {
					alert('Debes Ingresar los Datos');
					return;
				}
				if(!isNumeric(x) || !isNumeric(y)) {
					alert('Debes Ingresar Solo Numeros');
					return;
				}
				var tr=null;
				document.getElementById(z).innerHTML ='';
				for(i=1; i <= parseInt(y); i++) {
					tr = document.createElement('tr');
						var td = document.createElement('td');
						td.innerHTML = x+" x "+i+" = <b>"+(parseInt(x) * i)+"</b>";
					tr.appendChild(td);
					document.getElementById(z).appendChild(tr);
				}
				
			}
        </script>
    </head>
    <body>
        <form id="formularioB" onsubmit="addHTML(this.x.value,this.y.value,'Multiplicacion'); return false;">
			Entrada A:<input type="text" id="x" /><br /> 
			Entrada B:<input type="text" id="y" /><br /> 
			<input type="submit" id="enviar" value="enviar" />
		</form>
		<table id="Multiplicacion">
			
		</table>
    </body>
</html>

ACTIVIDAD 4GENERACIÓN DE DÍGITO VERIFICADOR

Construir una página HTML que contenga una entrada del tipo TEXT y
una entrada del tipo SUBMIT que permita leer un campo de texto
NUMÉRICO que no EXCEDA los seis (6) caracteres y que CALCULE en un
entrada del tipo TEXT que DEBE ESTAR DESHABILITADA el dígito
verificador asociado al código que se ha ingresado, de acuerdo al
siguiente procedimiento:

Para obtener el dígito verificador se debe aplicar el siguiente
procedimiento. Suponga que se desea generar el dígito verificador de 2504
deberá aplicar el siguiente procedimiento:


COEFICIENTES 3 2 7 6 5 4
* * * * * *
CÓDIGO 2 5 0 4 1 1

Se multiplica cada dígito del código por los coeficientes que
corresponden y luego se suman todas las cantidades. En este caso se
tiene: 6 + 10 + 0 + 24 + 5 + 4 = 49

Luego se debe dividir el 49 por 9 y se debe guardar el RESTO y el dígito
verificador se calcula de acuerdo a la siguiente fórmula:

Dígito Verificador = 9 – RESTO

En el caso del ejemplo el dígito verificador debería ser 5, dado que el
resto de la división entre 49 y 9 es 4 y al realizar la resta se tiene
que el dígito es 5.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Laboratorio JavaScript 04</title>
        <script type="text/javascript">
			function isNumeric(valor) {
				return (isNaN(valor)) ? false : true;
			}
			function validar(numero) {
				document.getElementById('dv').value ='';
				if(!isNumeric(numero)) {
					alert('Debes Ingresar solo Numeros');
					return;
				}
				if(numero.length != 6) {
					alert('El Numero debe tener un largo de 6 caracteres');
					return;
				}
				var suma=0;
				var numeros = new Array(3,2,7,6,5,4);
				for(var i=0; i < numero.length; i++) {
					suma += parseInt(numero.charAt(i)) * parseInt(numeros[i]);
				}
				document.getElementById('dv').value = (9 - (suma % 9));
			}
        </script>
    </head>
    <body>
        <form id="formularioC" onsubmit="validar(this.x.value); return false;">
			Entrada: <input type="text" id="x" maxlength="6" />-<input type="text" id="dv" maxlength="6" disabled /><br /> 
			<input type="submit" id="enviar" value="enviar" />
		</form>

    </body>
</html>

Saludos!

Categorías:JavaScript Etiquetas: , , , , ,
  1. septiembre 24, 2009 a las 8:25 am

    Buena koala , la media clase que me perdi xD, esto hay que entregarlo el viernes?

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: