Hola, Dayira.
Parece que estás trabajando en un proyecto inicial de un juego de números secretos. Según la imagen que compartiste, ya tienes una interfaz básica con un título y una indicación para que el usuario seleccione un número del 1 al 10.
Para avanzar en tu proyecto, asegúrate de que tu archivo app.js esté correctamente vinculado a tu archivo HTML. Aquí tienes un ejemplo de cómo hacerlo:
Conexión del JavaScript con el HTML:
Asegúrate de que en tu archivo HTML, al final del cuerpo (<body>), hayas incluido la etiqueta <script> para conectar tu archivo JavaScript:
<script src="app.js"></script>
Uso del DOM para interactuar con elementos HTML:
En tu archivo app.js, puedes usar el DOM para manipular los elementos HTML. Aquí tienes un ejemplo básico para cambiar el texto del título y del párrafo:
// Selecciona el elemento H1 y cambia su contenido
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Juego del número secreto';
// Selecciona el párrafo y cambia su contenido
let parrafo = document.querySelector('p');
parrafo.innerHTML = 'Indica un número del 1 al 10';
Asegúrate de tener el Live Server activado:
Esto te ayudará a ver los cambios en tiempo real sin tener que actualizar manualmente la página.
Si ya has hecho esto y todo está funcionando, ¡genial! Si tienes algún problema específico, verifica que las rutas de los archivos estén correctas y que no haya errores en la consola del navegador.