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

Desafío: hora de practicar, adjunto el código que realice en la prueba, acepto cualquier observación que me ayuda a adquirir mas conocimientos.

codigo 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>

codigo js


let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora del Desafío';


function clickConsole(){
    console.log("El botón fue clicado");
}

function clickPrompt(){ 
    let mensaje = prompt("Indica el nombre de una ciudad de Brasil");
    alert(`Estuve en ${mensaje} y me acordé de ti`);
}

function clickAlert(){
    alert(`Yo amo JS`);
}

function clickSuma(){
    let valor1 = prompt("Indicar valor 1 para la suma");
    let valor2 = prompt("Indicar valor 2 para la suma");
    let resultado = valor1+valor2;

    alert(`El resultado es ${resultado}`);
}