Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Achei como retirar o botão colocando uma frase no local ou limitando o número de vezes em que seu acionamento funciona, mas teria como bloquear o clique do botão?

<meta charset="UTF-8">

<h1>Digite um número: 0-10</h1>
<input/>
<button>Comparar com segredo</button>


<script>

var input = document.querySelector("input");
var segredo =Math.round(Math.random()*10);
console.log(segredo);
contador=0;


function verifica() {
    if(contador<3) {
        if (input.value == segredo) {
            alert("Você acertou!!");
            contador=0;
            segredo = parseInt(Math.round(Math.random()*10));
            console.log(segredo);

        } else {
            alert("Você errou, tente novamente");
            contador++;
            if (contador==3){
                document.write("Número máximo de tentativas atingidas.");
            }
        }
    } 
}

var bt = document.querySelector("button");
bt.onclick = verifica;


</script>
1 resposta
solução!

Olá Bernardo, tudo bem?

Existe um atributo para o button que é chamado disabled!

<button type="submit" disabled="disabled" >Comparar com segredo</button>

Quando aplicamos ele o botão fica desabilitado, no caso seria interessante colocar uma condição (if) para quando você gostaria de deixar ele bloqueado para o clique, colocando uma condição você poderá dizer quando ele ficará ou não habilitado para uso.

Nesta documentação abaixo é possível ver mais sobre

Espero ter ajudado,

Até mais!