java web



GUIA DE LABORATORIO DIRIGIDO DE JAVASCRIPT


ING.IVAN PETRLIK AZABACHE
Primer Ejercicio
Desarrollar la siguiente aplicación web que me permita ingresar por teclado los siguientes campos: código, nombre, apellido, sexo. Además el programa tiene que mostrarte por pantalla todos los datos que se han ingresado por teclado.
A continuación vamos a mostrar el diseño de la página.Solución:
a) Primeramente se tiene que digitar la estructura del Html de la pagina web de nombre primerejercicio.html.






b) Dentro de la etiqueta se tiene que realizar el respectivo diseño.





c) Ahora vamos a ejecutar la pagina para visualizar el diseño respectivo








d) Sobre el diseño que hasta ahora hemos realizado, tenemos queadicionarle dos botones








e) Ahora vamos a ejecutar la pagina para visualizar el diseño respectivo





f) Sobre el diseño que hasta ahora hemos realizado, tenemos que adicionarle un area de texto.








g) Ahora vamos a ejecutar la pagina para visualizar el diseño respectivo







h) Ahora dentro de la etiqueta , se deberá de implementar dosfunciones(JavaScript) de nombre Agregar y Mostrar y además una variable global que me permita el almacenamiento de cadenas.




i) Desarrollar la función Agregar()












j) Desarrollar la función Mostrar()










k) Agregarle el evento del botón (OnClick)







l) Ejecutando finalmente la pagina web.Adicionando registro Adicionando registro Adicionando registro





Mostrar registros registro mostrado





m) Ahora vamos a modificar el código y la forma de mostrar sea a través del area de texto













n) Después de que se ha ejecutado y adicionado los mismos registros, ahora mostramos la forma comose lista a través del área de texto.










Segundo Ejercicio
Desarrollar la siguiente aplicación web que me permita ingresar por teclado los siguientes campos: código, nombre, apellido, sexo. Además el programa tiene que mostrarte por pantalla todos los datos que se han ingresado por teclado.
A continuación vamos a mostrar el diseño de la página.Solución:
Implementando la estructura básica de una página en Html







Ejecutando y visualizando la pagina en HTML






Continuando con el diseño de la pagina HTML








Ejecutando y visualizando la página en HTML





Terminando de diseñar la pagina HTML









Ejecutando y visualizando la página en HTML











ImplementandoJavaScript y además declarando las respectivas variables globales( el arreglo unidimensional y la variable i)










Implementando las funciones en JavaScript( por cada botón implementado)










Desarrollando cada una de las funciones







Para terminar tenemos que dar el evento al botón e invocar a cada uno de las funcionesimplementadas.





Tercer Ejercicio
Desarrollar la siguiente aplicación web que me permita asignar datos en 5 arreglos unidimensionales paralelos en javascript, además se tiene que mostrar por pantalla una tabla con datos extraídos de los respectivos arreglos unidimensionales.
A continuación vamos a mostrar el diseño de la página.











Solución:
a) Primeramentese tiene que digitar la estructura del Html de la pagina web de nombre tercerejercicio.html.





b) Dentro de la etiqueta se tiene adicionar la sección de Javascritp y declara cinco arreglos unidimensionales paralelos ( código,nombre,apellido,sexo,estado) y además una variable i.







c) Ahora vamos a implementar dentro de la etiqueta una tabla de 1 fila x 5 columnas....