Caso queira colocar dois <button>

<meta charset = "UTF-8">
<h1> Pratica3 </h1>

<input/> 
<button> Advinhe </button>
<br> 
<button> Resposta </button>
<script>

    var segredo = Math.round(Math.random() * 10); // math.round é para arredondar. math.random é para criar um número aleatório e ai multipliquei por 10
    var input = document.querySelector("input"); // Aqui estou colocando o valor digitado no input la mundo html aqui para o javascript

function Verifica () {
    if (input.value == segredo) {
        alert("Você acertou");
    }

    else {
        alert("Você errou");

    }

    input.value = ""; // Testei colocar o input.value recebendo vazio para ver se ia apenas em else, mas deu o mesmo que colocar onde está agora
    input.focus();
}

    function Revela () {
        alert("O valor do segredo é " + segredo);
    }

var button = document.querySelector("button"); // o button vai guarda a função, para, quando apertar, executar
button.onclick = Verifica; // Aqui, estou associando o clicar do botão a execução da função

var button = document.querySelector("button");
button.onclick = Revela;

</script>

Boa tarde! Minha pergunta é a seguinte: Caso queira colocar dois botões, um com a funcionalidade já existente, de verificar se acertou e o outro de revelar o número caso tenha errado, como ficaria? Eu tentei fazer no código e do jeito que está, ao apertar "Advinhe" revela o número no lugar de dizer se está certo e errado e a funcionalidade "Revela" não funciona. Como posso fazer para que cada um fique com a função desejada?