Exibir botão após eventos

Uma forma seria através de uma variável global.

Cada botão tem um valor que é comparado com a global quando um botão de valor maior que a VAR é clicado avisa que tem que clicar no anterior primeiro, se esse foi clicado a VAR global passa ter o valor do botão exemplo:

Spoiler

Obs.::::! Não testei apenas escrevi aqui, mas funciona a lógica

<button onclick="checagemGlobal(1)">Click para prosseguir A</button>
<button onclick="checagemGlobal(2)">Click para prosseguir B</button>
<button onclick="checagemGlobal(3)">Finalizar</button>
<div id="avisar"></div>

<script>
 var variavelGlobal = 0;
 var resposta = document.getElementById('avisar');

 function checagemGlobal(entrada) {
 if (entrada === 2 && variavelGlobal < 1) {
 resposta.innerHTML = '<p>Você tem que clicar no botão A primeiro</p>';
 } else if (entrada === 3 && variavelGlobal < 2) {
 resposta.innerHTML = '<p>Você tem que clicar no botão B primeiro</p>';
 } else {
 switch (entrada) {
 case 1:
 resposta.innerHTML = null;
 console.log('Fazer alguma coisa quando o botão A for clicado');
 break;
 case 2:
 resposta.innerHTML = null;
 console.log('Fazer alguma coisa quando o botão B for clicado');
 break;
 case 3:
 resposta.innerHTML = null;
 console.log('Fazer alguma coisa quando Finalizar for clicado');
 break;
 }
 variavelGlobal = entrada;
 }
 }
</script>

  

	 

	 

	Você pode também está criando os botões seguintes assim que uma tarefa é concluída, para isso você vai precisar de:

-
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/createElement -> Para criar os botões.

-
https://developer.mozilla.org/pt-BR/docs/Web/API/Element/addEventListener -> Para adicionar evento click ao botão criado.

-
https://developer.mozilla.org/pt-BR/docs/Web/API/Node/appendChild -> Para inserir o botão criado ao documento.