Desafío: hora de practicar | Lógica de programación: explorar funciones y listas | Alura Latam

Desarrollo desafío: Hora de practicar

//2).

let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora del Desafio';

//3).
<button onclick="botonPrueba()"; class="button">Console

function botonPrueba() {
alert('El boton fue clicado');
}

//4).
<button onclick="botonCiudad()"; class="button">Prompt

function botonCiudad() {

let ciudad = prompt("Nombre de una ciudad de Brasil:");

alert("Estuve en " + ciudad + " y me acorde de ti");

}

//5).

<button onclick="alerta()"; class="button">Alert

function alerta(){
alert('Yo amo JS');
}

//6).
function botonSuma(){

<button onclick="botonSuma()"; class="button">Suma

let numero1= parseInt(prompt("indique numero 1"));

let numero2= parseInt(prompt("indique numero 2"));

let suma = numero1 + numero2;

alert(${numero1} + ${numero2} = ${suma});
}

¡Hola Lukas!

Parece que estás trabajando en un desafío de JavaScript y estás creando botones que ejecutan diferentes funciones. Vamos a revisar cada parte del código y ver si hay algo que puedas ajustar o mejorar.

Cambiar el título del documento:
```
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora del Desafio';
```
Esto cambiará el contenido del primer elemento <h1> en tu documento a "Hora del Desafio". Asegúrate de tener un <h1> en tu HTML para que esto funcione.
Botón de consola:
```
<button onclick="botonPrueba()" class="button">Console</button>
```
```
function botonPrueba() {
    alert('El boton fue clicado');
}
```
Aquí, cuando haces clic en el botón, se mostrará una alerta que dice "El boton fue clicado". Asegúrate de que el HTML está correctamente estructurado sin el punto y coma después de onclick.

Botón de ciudad:

<button onclick="botonCiudad()" class="button">Prompt</button>

function botonCiudad() {
    let ciudad = prompt("Nombre de una ciudad de Brasil:");
    alert("Estuve en " + ciudad + " y me acorde de ti");
}

Este botón pedirá al usuario que ingrese el nombre de una ciudad y luego mostrará una alerta con ese nombre.

Botón de alerta:

<button onclick="alerta()" class="button">Alert</button>

function alerta(){
    alert('Yo amo JS');
}

Este botón simplemente mostrará una alerta que dice "Yo amo JS".

Botón de suma:
Parece que hay un pequeño error en la estructura del código. El botón debería estar fuera de la función botonSuma, y la función debería estar definida correctamente. Aquí está la corrección:
```
<button onclick="botonSuma()" class="button">Suma</button>
```
```
function botonSuma() {
    let numero1 = parseInt(prompt("indique numero 1"));
    let numero2 = parseInt(prompt("indique numero 2"));
    let suma = numero1 + numero2;
    alert(`${numero1} + ${numero2} = ${suma}`);
}
```
Asegúrate de que el botón está definido fuera de la función y que la función botonSuma está correctamente estructurada.

Espero que estos consejos te ayuden a completar tu desafío. ¡Sigue practicando y divirtiéndote con JavaScript! Espero haber ayudado y buenos estudios!