Area de Informática

Sede Arica
Docente: Cristian Tancara Q. – Ing. en Informática

EVALUACION FORMATIVA N° 2
DESARROLLO DE APLICACIONES WEB
Semestre Primavera 2018

NOMBRE ALUMNO: ________________________________________________________ FECHA:

PUNTAJE IDEAL: 70 PUNTAJE OBTENIDO: ____________ NOTA: _____________ PONDERACIÓN: 30%

PROGRAMA DE ESTUDIOS: __________________________________________________ SECCION:

Perteneciente a
Aprendizaje/s Esperado/s a evaluar: la Unidad Nº
2.1.1 Desarrollando funciones Javascript que accedan a formularios HTML.
2.1.2 Validando entradas de datos. Unidad 2
2.1.3 Aplicando controles y componentes jQuery desarrollados por terceros a páginas Web.
2.1.4 Considerando eventos y el árbol DOM.
2.1.5 Argumentando las ideas propias frente a la de los demás.

INDICACIONES GENERALES
 La nota 4.0 se obtiene logrando el 60% del puntaje total.
 La evaluación tiene una duración estimada de 90 minutos.
 Para el desarrollo de la parte práctica utilice algún editor de texto o IDE a su elección (sublimetext, notepad++).
 Cree una carpeta con el siguiente formato como nombre: JSNombreApellido (ej: JSJuanPerez) y guarde en ella
cada uno de los archivos (html, js, css, etc.) o recursos utilizados para el desarrollo de la evaluación.
 Desarrolle un código HTML de forma clara y ordenada, aplicando indentación o espacios por cada bloque de
etiquetas.
 Una vez que concluya el desarrollo, comprima la carpeta creada con algún compresor (ZIP, RAR, etc.) y envié el
archivo comprimido como archivo adjunto al correo: cristian.tancara@inacapmail.cl indicando en el asunto:
Evaluación N.2 - Nombre y Apellidos – Sección XXX.
Area de Informática
Sede Arica
Docente: Cristian Tancara Q. – Ing. en Informática

ITEM DESARROLLO: PAGINAS WEB DINAMICAS CON JAVASCRIPT Y JQUERY (TOTAL 70 PUNTOS).

1) Desarrolle un código en JavaScript para validar si un número es par o no. Para el ingreso del número
utilice el comando prompt de JS. Despliegue el mensaje de respuesta mediante un cuadro de alerta
de JavaScript.

2) Desarrolle una función JavaScript que permita calcular el factorial de un número dado. Desarrolle un
formulario simple para el ingreso del número y un botón mediante el cual realice la llamada a la
función creada. Despliegue el resultado del factorial dentro de la misma página HTML debajo del
botón como texto con el siguiente formato: “El factorial es: xxx“, en donde xxx representa el valor
del factorial calculado.

Nota: El factorial de un numero n es la multiplicación de todos los números enteros desde 1 hasta n.
Ejemplo: factorial 4 = 1 x 2 x 3 x 4 = 24

3) Desarrolle una función JavaScript para validar los datos de un formulario. El formulario en HTML
deberá pedir los siguientes datos: nombre de la persona, edad de la persona y email de la persona,
adicional a lo anterior, agregue un botón para realizar la llamada a la función JS creada.

Las validaciones que deberá realizar mediante JS son las siguientes:

a. Que se ingrese el nombre de la persona
b. Que se ingrese la edad de la persona y que este sea un número valido entre 1 y 100.
c. Que se ingrese un correo valido.

Solamente si el formulario pasa todas las validaciones deberá abrir una nueva ventana mediante JS
de ancho 500px y alto 200px, indicando como texto dentro de ella el mensaje “Todos los datos
pasaron la validación”.

4) Desarrolle un código en JavaScript que permita administrar una lista de números. Para almacenar la
lista de números utilice un arreglo. Diseñe un formulario en HTML para el ingreso de un número y
dos botones, el primero para llamar a una función de nombre AgregarNumero, la cual ira agregando
los valores que se ingresen a un arreglo en JS. El segundo botón deberá llamar a una función
llamada ListarNumeros, la cual deberá imprimir el listado completo de todos los números dentro de
una lista desordenada (<ul>) en HTML debajo de los botones.

Ejemplo: Si el arreglo tuviera almacenado los números: 1, 2 y 3, entonces el formato de salida HTML
seria:

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Area de Informática
Sede Arica
Docente: Cristian Tancara Q. – Ing. en Informática

5) Diseñe la siguiente tabla en HTML como se muestra a continuación:

Nombre Alumno Nota 1 Nota 2 Nota 3

Juan Perez 4,5 5,6 4,5

Maria Castro 3,3 6,0 5,6

Felipe Donoso 4,4 5,2 6,6

Javier Retamal 5,0 4,4 4,9

Luego mediante jQuery, una vez que se haya cargado el documento, realice lo siguiente:

a) Oculte la fila completa correspondiente al alumno Juan Perez.

b) Asignar a la primera fila (encabezado) el color de fondo amarillo.

c) Cambie el color de fondo de las filas impares de la tabla por el color lightgray.

d) Agregue un nuevo alumno de nombre “Sergio Retamal” con las notas 4.0, 5.0 y 6.0. al final de la
tabla.

e) Cambia la primera nota (5,0) del alumno Javier Retamal por un 7,0.

Para cada uno de los ejercicios planteados anteriormente, desarrolle un botón con el texto
Ejercicio A, Ejercicio B, Ejercicio C… y así sucesivamente, luego asigne mediante jQuery el evento
click a cada botón en donde deberá implementar la funcionalidad de cada ejercicio para
posteriormente comprobar el resultado de cada uno.