Les comparto mis soluciones una que otra adicion realizada por mi, pero muy basico. recibo sus criticas y espero sea de ayuda si tienen alguna duda
El codigo de HTML es el siguiente
<!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="intentoDeUsuario ();" class="button">Console</button>
<button onclick="iLove ();" class="button">Alert</button>
<button onclick="intentoPrompt ();" class="button">Prompt</button>
<button onclick="Suma ();" class="button">Suma</button>
</main>
<script src="app.js"></script>
</body>
</html>
El codigo de Js es el siguiente
let titulo = document.querySelector (`h1`);
titulo.innerHTML = 'Hora del desafio';
function intentoDeUsuario(){
alert ('El botón fue clicado')
}
function intentoPrompt(){
let ciudadBrasil = prompt ('Indica el nombre de una ciudad de Brasíl')
alert (`Estuve en ${ciudadBrasil} y me acorde de ti`)
}
function iLove(){
alert ('Yo Amo Js')
}
//Usamos el parseFloat para poder cambiar el tipo de dato a string a numero y permitir la suma
function Suma(){
let Suma1 = parseFloat (prompt ('Indica el primer numero para la suma'));
let Suma2 = parseFloat (prompt ('Indica el segundo numero para la suma'));
let resultado = Suma1 + Suma2;
alert (`El resultado de ${Suma1} + ${Suma2} es ${resultado}`)
}