¡Hola Ivan!
Parece que estás intentando actualizar el contenido de un título y un párrafo en tu página HTML usando JavaScript, pero no estás viendo los cambios reflejados. Aquí hay algunas cosas que podrías verificar para resolver el problema:
Revisa el archivo HTML: Asegúrate de que tu archivo HTML tenga un elemento <h1> y un <p> para que el código JavaScript pueda seleccionarlos correctamente. Por ejemplo:
<h1></h1>
<p></p>
Orden de carga del JavaScript: Si el script se está ejecutando antes de que el DOM esté completamente cargado, los elementos <h1> y <p> no existirán aún cuando intentes seleccionarlos. Puedes resolver esto asegurándote de que tu código JavaScript se ejecute después de que el DOM esté listo. Una forma de hacerlo es colocar tu script justo antes de la etiqueta de cierre </body> en tu HTML, o usar el evento DOMContentLoaded:
<script>
document.addEventListener('DOMContentLoaded', function() {
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Juego de numero secreto';
let parrafo = document.querySelector('p');
parrafo.innerHTML = 'indica un numero del 1 al 10';
});
</script>
Errores en la consola: Abre la consola de desarrollador en tu navegador (normalmente con F12 o clic derecho -> "Inspeccionar" -> "Consola") para ver si hay algún error que pueda estar impidiendo que el script se ejecute correctamente.
Espero que alguna de estas sugerencias te ayude a resolver el problema. ¡Buenos estudios!
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!