Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Guia de Laboratorio Dirigido de Javascript

    Hochgeladen von

    Kenny David Tupia Callañaupa
    262 Ansichten31 Seiten
    Teoria y practica JS

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    DOC, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    Teoria y practica JS

    Copyright:

    © All Rights Reserved
    Als DOC, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    262 Ansichten31 Seiten

    Guia de Laboratorio Dirigido de Javascript

    Hochgeladen von

    Kenny David Tupia Callañaupa
    Teoria y practica JS

    Copyright:

    © All Rights Reserved
    Als DOC, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 31

    GUIA DE LABORATORIO

    DIRIGIDO DE JAVASCRIPT
    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 <body></body> 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 que adicionarle 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 <head> </head> , se deberá de implementar dos


    funciones(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 como se 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


    Implementando JavaScript 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 funciones
    implementadas.
    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) Primeramente se tiene que digitar la estructura del Html de la pagina web de


    nombre tercerejercicio.html.
    b) Dentro de la etiqueta <head></head> 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 <body> una tabla de 1 fila x 5


    columnas.
    d) Ahora vamos a ejecutar la pagina para visualizar el diseño respectivo

    e) Ahora vamos implementar un bucle repetitivo que recorra paralelamente los


    arreglos unidimensionales y que vayan imprimiendo dentro de una serie de filas
    en la tabla diseñada.
    f) Ahora vamos a ejecutar la pagina para visualizar el diseño respectivo
    Cuarto 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) Primeramente se tiene que digitar la estructura del Html de la pagina web de


    nombre tercerejercicio.html.
    b) Dentro de la etiqueta <head></head> 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 una función que me permita almacenar el HTML que
    se imprimirá en la página.

    d) Después se tiene que implementar un bucle repetitivo para cargar la respectiva


    tabla a través de los arreglos unidimensionales.
    e) Ahora vamos a invocar el método ImprimirTabla(‘tabla’) desde el body a través
    del evento Onload.

    f) a vamos implementar un bucle repetitivo que recorra paralelamente los arreglos


    unidimensionales y que vayan imprimiendo dentro de una serie de filas en la
    tabla diseñada.
    g) Ahora vamos a ejecutar la pagina para visualizar el diseño respectivo

    h) Para que las grillas de cada registro, tenga un color determinado alternadamente,
    se tiene que implementar el siguiente código.
    Quinto Ejercicio
    Desarrollar la siguiente aplicación web que me permita ingresar y almacenar en arreglos
    unidimensionales paralelos de un conjunto de personas comprendido por :
    código,nombre,apellido, sexo, estado civil, a medida que se vaya ingresando por teclado
    se tiene que mostrar los datos en una tabla.

    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 xxxxx.html.
    b) A continuación tenemos que realizar el siguiente diseño :
    c) Ejecutando y visualizando la página web.

    d) Ahora implementamos la sección de JavaScript , declarando 5 arreglos


    unidimensionales paralelos y además una variable i.
    e) Después de declarar los arreglos unidimensionales paralelos y la variable i, ahora
    implementemos y desarrollemos el método agregar().
    f) A continuación vamos a implementar y desarrollar el método ImprimirTabla().
    g) Ahora vamos a implementar y desarrollar el método Foco().

    h) Ahora invocamos al método Foco a través del evento Onload en el Body.


    i) Invocando otros métodos desde la función agregar()
    Sexto Ejercicio
    En función a la aplicación web anterior implementar las siguientes funciones:

    Nuevo (): Limpia los campos y el cursor lo coloca en el primer campo de texto (código).

    Modificar (): actualiza los campos seleccionados de la tabla.

    Solución:
    a) Agregando una columna a la tabla respectiva
    b) Modificar los botones de la etiqueta <input type=”button”> a La <button
    type=”button> y adicionarle una imagen para cada uno .

    c) Implementando el método seleccionar()


    d) Luego implementamos los métodos nuevo y modificar

    e)

    Finalmente lo ejecutamos :

    Das könnte Ihnen auch gefallen