Ejercicios de práctica de JavaScript

Ejercicio 29

Mis primeros pasos en Manipulación del DOM.

Ejercicio 1:

  1. 1. Abre https://practica-manipulacion-del-dom.netlify.app/ para practicar
  2. Mira el textContent del h1 en la consola.
  3. Dale al textContent del h1 un nuevo string que diga “Estoy agregando un nuevo texto”.
  4. Elegí el primer elemento p y agrégale el siguiente código html en su interior con la etiqueta span : Estoy aprendiendo a manipular el DOM
  5. Mira por la consola el innerHTML del segundo ul

Ejercicio 2:

Manipulando el estilo de página

  1. Usando la propiedad style del elemento en javascript dale a ese h1 color de fondo amarillo.
  2. Crea un selector .subtitulos en tu archivo style.css y dale las propiedad CSS:
    color: teal;
    font-size: 2rem;
    font-family: Arial, Helvetica, sans-serif;
    Luego agrégale a los h2 la clase .subtitulos con la propiedad JS classList.
  3. Obtén los elementos con la clase .estilo-letras y remueve la misma con la propiedad JS classList que corresponda.

👀 Hay que verlo desde la consola

Volver al inicio