RA3- JS DOM

Crea un HTML con 4 párrafos y un script que realice estas operaciones:

1. Añade al final del primer párrafo un enlace con el texto Ir a OpenAI y la URL https://www.openai.com.
2. Inserta entre el segundo y el tercer párrafo un párrafo nuevo con el mensaje Mensaje importante en rojo, mostrado en color rojo.
3. Elimina el cuarto párrafo.

Crea un HTML con 8 párrafos y un script que:

1. Inserte al inicio del tercer párrafo un enlace a https://www.mozilla.org con el texto Mozilla, y al final otro a https://www.github.com con el texto GitHub.
2. Recorra todos los párrafos y cambie a amarillo el fondo de los que contengan la palabra importante.
3. Inserte antes del último párrafo uno nuevo con el texto Párrafo añadido dinámicamente, en cursiva y con un borde.
4. Elimine el párrafo cuyo contenido sea exactamente Eliminar este párrafo, si existe.

Utiliza includes(). Se aconseja recorrer la colección con forEach(), tal como se indica en la diapositiva.

Crea un HTML con 5 párrafos y realiza lo siguiente:

1. Inserta en el segundo párrafo un enlace a https://www.wikipedia.org que se abra en una pestaña nueva, con el texto Wikipedia.
2. Cambia a gris el color del texto de todos los párrafos y aplica un fondo azul claro al párrafo central, el tercero.
3. Añade al final del documento un botón que, al pulsarlo, elimine el último párrafo y cambie su texto a Último eliminado.

Crea un HTML con 6 párrafos. Tomando como referencia sus posiciones originales:

1. Clona el cuarto párrafo, de índice 3, y añade la copia al final del documento.
2. Mueve el primer párrafo, de índice 0, para situarlo después del tercer párrafo, de índice 2.
3. Inserta dentro del párrafo clonado un enlace subrayado a https://www.stackoverflow.com con el texto Stack Overflow.

Debes utilizar cloneNode().

Crea un HTML con 7 párrafos. Asigna a algunos el atributo data-estado, por ejemplo con los valores activo e inactivo.

1. Busca los párrafos con data-estado="activo" y cambia su fondo a verde.
2. Inserta en el quinto párrafo un enlace con el texto Más información. Al pulsarlo, debe mostrar en la consola Enlace activado sin realizar la navegación predeterminada.
3. Inserta al principio del documento un párrafo con el texto Inicio del documento, en negrita y con borde inferior.
4. Elimina el párrafo con data-estado="inactivo", si existe.

Utiliza getAttribute() y registra el evento click con addEventListener(), evitando el comportamiento predeterminado del enlace.