HTML DOM - Introdução a Eventos

<!DOCTYPE html>
<html>

  <head>
<script>
    function mostrarMensagem() {
        var mensagem = document.getElementById('mensagem');
        mensagem.style.display = 'block';
    }
</script>
  </head>

  <body>
    <p>Clique no botão abaixo:</p>
    
    <button onclick="mostrarMensagem()">Clique-me!</button>
    
    <div id="mensagem" style="display:none;background-color:yellow;margin-top:10px;padding:10px">
        <h2>Parabéns!</h2>
        <div>Você clicou no botão e apresentou a mensagem</div>
    </div>
  </body>

</html>