Exibir botão após eventos

fideles · September 1, 2020

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~ · September 2, 2020

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>