08 Desafío: hora de practicar | Alura Latam - Cursos online de tecnologia

08 Desafío: hora de practicar

//Descarga otro proyecto haciendo clic en este enlace y ábrelo en Visual Studio Code. //Cambia el contenido de la etiqueta h1 con document.querySelector y asigna el siguiente texto: "Hora del Desafío". let titulo = document.querySelector ( " h1 " ); titulo.innerHTML = " Hora del Desafío "; //Crea una función que muestre en la consola el mensaje "El botón fue clicado" siempre que se presione el botón "Console". <button onclick = " El_botón_fue_clicado ( ); " class="button">Console</button> function El_botón_fue_clicado ( ) { alert ( "el boton fue presionado " ); } //Crea una función que se ejecute cuando se haga clic en el botón "prompt", preguntando el nombre de una ciudad de Brasil. // Luego, muestra una alerta con el mensaje concatenando la respuesta con el texto: "Estuve en {ciudad} y me acordé de ti". <button onclick = " ciudadFavorita ( ); " class="button">Prompt</button> function ciudadFavorita ( ) { let ciudad = prompt (" ¿cual es_tu ciudad favorita en brasil? "); alert ( `Estuve en ${ciudad} y me acordé de ti` ); } //Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta". <button onclick = " amo ( ); " class="button">Alert</button> function amo ( ) { alert ( "Yo amo JS " ); } //Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta. <button onclick = " suma2numeros ( ); " class="button">Suma</button> function suma2numeros ( ) { let numero1 = parseInt (prompt ( "ingresa primer digito" ) ); let numero2 = parseInt ( prompt ( " ingresa el segundo digito " ) ); let productoSuma = numero1 + numero2 ; alert ( `el producto total es ${productoSuma}` ); }

¡Hola Estudiante, espero que estés bien!

Espero que estés disfrutando del desafío. Vamos a revisar juntos tu código para asegurarnos de que todo esté funcionando correctamente.

Cambio de contenido de la etiqueta h1: Tu código para cambiar el contenido de la etiqueta h1 parece correcto. Estás utilizando document.querySelector para seleccionar la etiqueta y luego cambiando su contenido con innerHTML. Asegúrate de que haya una etiqueta h1 en tu HTML para que este código funcione.
```
let titulo = document.querySelector("h1");
titulo.innerHTML = "Hora del Desafío";
```
Función para el botón "Console": Parece que hay un pequeño error en el nombre de la función. En el botón, estás llamando a El_botón_fue_clicado() pero en la definición de la función, estás utilizando El_botón_fue_clicado(). Además, estás usando alert en lugar de console.log. Aquí está la corrección:
```
<button onclick="El_botón_fue_clicado();" class="button">Console</button>

<script>
function El_botón_fue_clicado() {
    console.log("El botón fue clicado");
}
</script>
```

Función para el botón "Prompt": Este código parece estar bien. Solo asegúrate de que el texto en el prompt y alert esté como deseas.

function ciudadFavorita() {
    let ciudad = prompt("¿Cuál es tu ciudad favorita en Brasil?");
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}

Función para el botón "Alerta": Tu función para mostrar la alerta está correcta.
```
function amo() {
    alert("Yo amo JS");
}
```

Función para el botón "Suma": Asegúrate de que los mensajes en el prompt y alert sean claros para el usuario. El término "producto" puede ser confuso si estás sumando, así que podrías cambiarlo por "suma total".

function suma2numeros() {
    let numero1 = parseInt(prompt("Ingresa el primer número"));
    let numero2 = parseInt(prompt("Ingresa el segundo número"));
    let productoSuma = numero1 + numero2;

    alert(`La suma total es ${productoSuma}`);
}

Espero que estas sugerencias te ayuden a completar el desafío con éxito. ¡Bons estudios!