UNIVERSIDAD TECNOLÓGICA DE PANAMÁ

CENTRO REGIONAL DE CHIRIQUÍ

FACULTAD DE INGENIERÍA DE SISTEMAS COMPUTACIONALES
LICENCIATURA EN DESARROLLO DE SOFTWARE
LABORATORIO No. 6

Asignatura: Desarrollo de Software IX Grupo: 2LS241 I Semestre 2023

Facilitador: Ramón G. González Tribaldos, MSc.

A. TÍTULO DE LA EXPERIENCIA: Manipulación DOM (Parte II)

B. OBJETIVO:
.
• Resolver problemas en JavaScript que requieran la manipulación de objetos HTML.

C. METODOLOGÍA:

• Utilizando un editor de códigos (ej. Visual Studio Code), resuelva los problemas
contenidos en esta guía, aplicando los conceptos estudiados en clase.
• Resuelva de forma individual y entregue en plataforma Moodle eCampus.

D. ENUNCIADOS:

1. De acuerdo con el ejemplo mostrado en clase, desarrolle el sitio web con el contenido y
enlaces que se proporcionan a continuación (potter.html):

“HARRY POTTER Y EL PRINCIPE MESTIZO” (H1)

“Capítulo 3: Lo Hará y No lo Hará” (H1)

“Harry Potter roncaba sonoramente. Había estado sentado en la silla cercana a la ventana
de su habitación por casi cuatro horas mirando hacia la oscura calle, y finalmente había
caído dormido con uno de los lados de su cara presionando contra el frío cristal, las gafas
chuecas y la boca medio abierta. El vaho que su respiración había dejado en la ventana
relucía a la luz naranja de la farola de la calle, y la luz artificial dejaba su rostro carente de
color, de manera que lucía fantasmagórico debajo de su singular y rebelde cabello oscuro.

La habitación estaba desordenada con varias cosas y una buena cantidad de basura.
Plumas de lechuza, corazones de manzana y envoltorios de dulces cubrían el suelo,
algunos libros de encantamientos se hallaban semi abiertos y enterrados entre las sábanas
de su cama, y un desorden de periódicos estaba puesto en un montón a la luz del
escritorio. El encabezado de uno de ellos mostraba:

HARRY POTTER: ¿EL ELEGIDO? (H2)

Los rumores continúan volando acerca del misterioso y reciente disturbio ocurrido en el
Ministerio de Magia, durante el cual El-Que-No-Debe-Ser-Nombrado fue visto una vez más.
No estamos autorizados a hablar de esto, no me pregunten nada, dijo un agitado Auror,
quien se negó a dar su nombre y dejo el Ministerio la noche pasada.

Fragmento. Harry Potter y el Príncipe mestizo. J.K. Rowling.”

Enlaces externos a utilizar: Cuando encuentre alguna de las siguientes palabras,

agregue el siguiente enlace a url externo.

LAB 06 DSIX
 Harry Potter: https://es.wikipedia.org/wiki/Harry_Potter
Ministerio, Ministerio de Magia: https://es.wikipedia.org/wiki/Ministerio_de_Magia
Auror: http://www.eldiccionario.org/instituciones/aurores.htm
Dulces: https://harrypotter.fandom.com/wiki/Chocolate_Frog

Luego de generar el archivo potter.html:

• Crear un archivo llamado potter.js y genere el código JavaScript que permita

contar la cantidad de enlaces URL que aparecen en el contenido.
• Determine, mediante el uso de métodos de manipulación, la cantidad de enlaces
contenidos en el párrafo No.3.
• Mediante el uso de un botón, cambie el contenido del título de la página.
Reemplace “HARRY POTTER Y EL PRINCIPE MESTIZO” por “HARRY POTTER
Y EL MISTERIO DE JAVASCRIPT”.
• Mediante el uso del método appendChild, agregue una nueva línea de texto que
diga: “Próximo libro: Compilando las Reliquias Perdidas de JavaScript –
Parte I”.
• Escriba una función llamada “Aparecium” para generar cambios sobre el
contenido del documento HTML y en donde utilizará, de forma libre, los siguientes
métodos de manipulación:
o getElementsByClassName. querySelector.
o innerHTML, textContent.
o createTextNode, createElement, replaceChild.
• Incluya un segundo botón llamado “Hechizo” que activará la función “Aparecium”.

La página HTML podrá incluir elementos <p>, <div>, <input>, <h>, <a>, <img>, etc.

LAB 06 DSIX