A continuación dejo el archivo app.js
let titulo = document.querySelector('h1');
titulo.textContent = 'Hora del Desafío';
function clickConsole(){
console.log('El botón fue clicadoo');
}
//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".
function clickPrompt(){
let ciudad = prompt('Ingrese el nombre de una ciudad de Brasil');
alert(`Estuve en ${ciudad} y me acordé de ti`);
}
function clickAlert(){
alert('Yo amo JS');
}
function clickSuma(){
let num1 = parseInt(prompt('Ingrese el primer número'));
let num2 = parseInt(prompt('Ingrese el segundo número'));
alert(`La suma de los números es: ${num1 + num2}`);
}
Por otro lado, dejo el archivo index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<header>
<h1></h1>
</header>
<main class="container">
<button onclick="clickConsole();" class="button">Console</button>
<button onclick="clickAlert();" class="button">Alert</button>
<button onclick="clickPrompt();" class="button">Prompt</button>
<button onclick="clickSuma();" class="button">Suma</button>
</main>
<script src="app.js"></script>
</body>
</html>