Imagina que estás creando una aplicación web increíble y quieres que el título de la página sea dinámico, que se adapte a las acciones del usuario o a la información que se muestra. ¡Con JavaScript, lo puedes lograr en un abrir y cerrar de ojos!
En este caso, deseas cambiar el texto del encabezado de tu página (elemento h1) a "Bienvenido al mundo dev". Veamos el código JavaScript que necesitas para hacerlo:
const titulo = document.querySelector('h1'); // Seleccionamos el elemento h1
titulo.innerHTML = 'Bienvenido al mundo dev'; // Cambiamos el contenido de texto
Explicación paso a paso:
- Seleccionamos el elemento h1:
- Usamos document.querySelector('h1') para buscar el elemento h1 en nuestra página HTML.
- La variable titulo almacena una referencia a este elemento.
- Cambiamos el contenido de texto:
- Accedemos a la propiedad innerHTML del elemento h1 seleccionado.
- Asignamos el nuevo texto "Bienvenido al mundo dev" a esta propiedad.
- ¡Y listo! Con estas dos líneas de código, el título de tu aplicación se actualizará dinámicamente a "Bienvenido al mundo dev".
¡No dudes en experimentar y modificar este código para crear interacciones aún más dinámicas en tu aplicación!
#JavaScript #DOM #manipulación #título #interfazdeusuario #programación #desarrolloweb #aprendizaje
