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}`)
  }
 
            