Practicas de DEWE con acciones extras
en algunas practicas, como las de JS para incluir algunos criterios de las R.A. de la guia del mismo modulo.
No copies directamente mi código.
Se crea un programa en el cual se pidan dos números con los cuales se realizan diferentes operaciones entre estos, planteadas en la práctica. También evita la utilización de valores nulos o no numéricos.
Código
Código HTML
<DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//ES">
<html>
<head>
Practica 18
</head>
<body>
var x, limite;/// Variables a utilizar
var arreglo = new Array(4);/// se define el largo de arreglo
limite = arreglo.length; ///Guarada el limite que tendra el for
arreglo = Array("Modelo", "Marca", "CC", "Motor", "Potencia")/// Se almacenan los datos de arreglo
arreglo1 = new Array( "172", "V6","2.5","ford" ,"cougar") ///Arreglo invertido
arreglo2 = new Array("chevy", "chevrolet", "1.6", "V4", "160");/// Otro Arreglo
arreglo1=arreglo1.reverse(); /// se cambia el orden arreglo para mostrarla corectamente
///Se muestran los valores de los arreglos
document.write('<table cellpadding="2"><tr><th>Matriz0</th>');
for(x=0; x<=limite; x++){
document.write('<th>'+arreglo[x]+'</th>'); };
document.write('</tr><tr><th>Matriz1</th>');
for(x=0; x<=limite; x++){
document.write('<td>'+arreglo1[x]+'</td>'); };
document.write('</tr><tr><th>Matriz2</th>');
for(x=0; x<=limite; x++){
document.write('<td>'+arreglo2[x]+'</td>');};
document.write('</tr></table>');
Explicación del código generado
En el código Java Script se observa que se declaran las variables x y limite, para el for y para calcular el limite del ciclo for respectivamente. Después se define la variable arreglo como un arreglo de 4, a limite se le asigna el valor de la longitud del arreglo anterior con la función length.
Posteriormente se le asignan los valores a la variable arreglo, se declaran y se les asignan valores a otras variables arreglo1y arreglo2. Seguido se cambiar el orden del contenido de la variable arreglo1 ya que a este se le asignaron alrevés, esto se logra con la función reverse().
Finalmente se escriben en documento HTML una tabla con todos los valores de los arreglos dentro de esta, esto se logra con bucles for para poder imprimir casilla por casilla de los arreglos
Todo se imprime después del titulo
Arreglos
en el archivo HTML.
Resultado
Este el resultado del código Java Script generado:
Conclusión
En esta práctica se utilizaron diversas operaciones aritméticas con el valor capturado de dos números. Además de realizar operaciones aritméticas se comparo si los valores eran números(isNaN()), concatenación de dos variable(.concat()), y la conversión de cualquier variable a entero(parseInt()); estas y otras funciones existen para poder hacer diversas acciones con los datos que se tengan y que estos sean los correctos.
Se crea un programa en el cual se pidan dos números con los cuales se realizan diferentes operaciones entre estos, planteadas en la práctica. También evita la utilización de valores nulos o no numéricos.
var n1 = prompt("Escriba un numero");
var n = prompt("Escriba otro numero");
if(isNaN(n1) || isNaN(n) || n1==" " || n==" ")
{alert('Error');
document.write('Error, no es número o no escribió algo
');}
else{
var n2,resta ,suma, div, con;
con= n1.concat(n);
n2=parseInt(n);
n1=parseInt(n1);
suma = n1+n2
resta = n1-n2
div = parseInt(n1/n2);
document.write('Los números son: '+n1+' y '+n2+'
');
document.write('Suma: '+suma+' < br/>');
document.write('Resta: '+resta+< br/>);
document.write('Multiplicación: '+n1*n2+' < br />');
document.write('División: '+n1/n2+< br/>);
document.write('División sin decimales: '+div+<br />);
document.write('Residuo de la división: '+n1%n2+< br/>);
document.write('Concatenados: '+con+' < br/>');
}
/// se colo a "br/" con espacio extra para evitar no ser mostrados.
/***/
Explicación del código generado
En esta práctica se declaran las variables n1 y n, seguido almacenan los valores que se introduzcan en la función prompt("Mensaje/Orden”);
var n1 = prompt("Escriba un numero");
var n = prompt("Escriba otro numero");
Después se verifican con la función isNaN si son números o sino no se dejo uno de ellos con un valor nulo o vacio:
if(isNaN(n1) || isNaN(n) || n1==" " || n==" ")
Si esto resulta verdadero se muestra un mensaje de alerta y se escribe el mensaje “Error, no es número o no escribió algo”.
Sino, se declaran las variables a utilizar.
La variable con toma el valor de concatenar el valor de n1 con n, con= n1.concat(n);.
Con parseInt(); se cambia a entero los valores de n1 y n, el valor de la segunda es guardado en n2. Estos posteriormente se suman, se suman y se dividen (con un parseInt para volver el resultado en entero, parseInt(n1/n2);), guardando los valores resultantes en las variables asignadas para ello.
Finalmente se muestran los valores con document.write();, en el orden de decir cuales son los números, su Suma, su Resta, Su multiplicación y división(estas operaciones se hicieron dentro del document.write();), su división sin decimales(variable div), el residuo de la división(+n1%n2+), y los números concatenados.
Resultado
Este el resultado del código Java Script generado:
Primer número
Segundo número
Operaciones con los dos números capturados
Si no son validos los valores introducidos
Conclusión
En esta práctica se utilizaron diversas operaciones aritméticas con el valor capturado de dos números. Además de realizar operaciones aritméticas se comparo si los valores eran números (isNaN()), concatenación de dos variable(.concat()), y la conversión de cualquier variable a entero(parseInt()); estas y otras funciones existen para poder hacer diversas acciones con los datos que se tengan y que estos sean los correctos.
A partir de un código ya dado con Java Script, se modifica para mostrar un mensaje extra y además que todo el código Java Script debe estar en un archivo externo y este siga funcionando en el documento de HTML.
Código
Este el código HTML utilizado:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//ES">
<html xmlns="http://www.w3.org/1999/xhtml">>
<head>
Practica 16
</head>
<body>
<script type="text/javascript">
var salario_trabajador = 3500;
var impuesto_trabajador = 20;
var salario_real;
salario_real = salario_trabajador-((salario_trabajador/100)*impuesto_trabajador);/*El salario menus los impuestos*/
document.write('
Salario del trabajador sin impuestos es de: '+salario_trabajador+' pesos
');
document.write('
El impuesto es de: '+impuesto_trabajador+' %
');
document.write('
Salario del trabajador con impuestos es de: '+salario_real+' pesos
');
</script>
</body>
</html>
Explicación del código generado
Ahora en esta practica se utiliza Codigo Java Script dentro de las etiquetas <script> y </script>,
en el se declaran varias variables las cuales son salario_trabajador que se le asigna un valor de 3500;
impuesto_trabajador, con valor igual a 20, y salario_real.
En esta última variable se guarda el valor resultante de descontar el impuesto (20%) al salario:
salario_trabajador-((salario_trabajador/100)*impuesto_trabajador);
Esto quiere decir que el valor de la primera variable se le resta el resultado de su valor dividido entre 100 y multiplicado por el valor del impuesto.
Salario real = 3500-((3500/100)*20); esto es igual a 2800.
Hechas las operaciones se muestran con document.write se muestran los valores las variables junto a un párrafo descriptivo de lo que son.
Resultado
En el documento HTML se escriben los valores de las variables, cada una en párrafo distinto:
Conclusión
El uso de operaciones aritméticas en Java Script permite la creación de aplicaciones con un mejor potencial de utilizar datos. Además, en JS se pueden mostrar el contenido de las variables en el mismo archivo de la pagina HTML.
A partir de un código ya dado con Java Script, se modifica para mostrar un mensaje extra y además que todo el código Java Script debe estar en un archivo externo y este siga funcionando en el documento de HTML.
Código
Este el código HTML utilizado:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//ES">
<html xmlns="http://www.w3.org/1999/xhtml">>
<head>
Practica 15
</head>
<body>
</body>
</html>
En Java Script se crea el objeto meses de tipo array(arreglo), en el cual se guardan los nombres de los meses del año, este queda con una longitud de 12. Para mostrar cada uno de sus valores se coloca entre corchetes “[x]” el número (“x”) de la posición del valor a mostrar, esto va a un lado del nombre del array: meses[x],
el numero de posición iniciia desde el cero.
En el código se observa que se muestran los valores del arreglo en la función de mensaje alert();.
Resultado
El mensaje establecido por la práctica se muestra de correctamente al cargar la página:
Los valores se muestran uno por uno iniciando por Enero hasta Diciembre, para mostrar el siguiente se da clic en aceptar y así hasta cavar con los Meses.
Conclusión
En Java Script también se pueden utilizar arreglos para almacenar múltiples, y sus valores pueden asignarse simultáneamente, y para mostrar uno de sus valores se coloca el nombre del array y a un lado entre corchetes la posición del valor.
