Exibir botão após eventos

[fideles 1]

Fala pessoal, como anda as coisas?

 

Meu conhecimento em JS e quase neutro, conheço algo, mais talvez não o suficiente para o que eu precise, por isso venho pedir ajuda a vocês,

 

Tenho um pequeno programinha, simples mesmo que tem 4 areas (Administração, Compras, Financeiro, Almoxarifado).

 

Quem fica na ADM solicita algo,  compras visualiza e da um "ok" e o financeiro tbm tem que dar um "ok" e no final, o almoxarifado dá um "Processo Concluido" (está parte está ok, funcionando, sem erro)

 

Meu problema seria que quem está no almoxarifado consegue clicar no botão "Processo Concluido" mesmo o pessoal de compras e financeiro não dando um "ok" na solicitação ou ele tbm consegue dar "Processo Concluido" se um ou outro dar um "ok". Precisaria que ele so conseguisse dar "Processo Concluido" se os dois darem o "ok", se so um dar "ok" ele não pode dar "Processo Concluido".

 

Alguém consegue pelo menos me dar um norte para que eu possa dar continuidade? Já tentei em PHP e nada.

 

[Omar~ 87]

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.