Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Novo botão reiniciar não desabilita quando está digitando.

<div class="botoes">
    <a id="botao-reiniciar" class="btn-floating btn-large waves-effect waves-light red">
        <i class="material-icons">restore</i>
    </a>
</div>

function InicializaCronometro(){        
        var cronometro=$("#tempodigitacao").text();
        $(".campodigitacao").one("focus",function(){ // one escuta o evento focus somente uma vez,enquanto "on" escuta indefinidamente 
                $("#botaoreiniciar").attr("disabled",true); //desabilita o botão iniciar ao começar digitar.
                var Id=setInterval(function(){ // esta função setInterval devolve um valor,que é atribuido a Id .
                    cronometro--;
                    $("#tempodigitacao").text(cronometro);// atualiza no elemento html com id=tempodigitacao o valor atual de cronometro.
                    if (cronometro == 0){
                        $(".campodigitacao").attr("disabled",true);// desativa o campo o que impede a digitação .
                        $("#botaoreiniciar").attr("disabled",false); // habilita o botão iniciar ao término do jogo.
                       // $(".campodigitacao").css("background-color","lightgray");// campo mudar cor
                          $(".campodigitacao").addClass("campodigitaçãodesabilitado");//campo muda cor
                        clearInterval(Id);// a função setInterval para,ou seja,dar um clear na função .
                    }
                },1000); //1000ms intervalo de tempo para executar a function anônima .
             }
        );
2 respostas

Oi Samuel!

O botão reiniciar tem id="botao-reiniciar", porém na função InicializaCronometro você acabou utilizando $("#botaoreiniciar") em vez de$("#botao-reiniciar"). Basta realizar esta troca e essa funcionalidade deve funcionar normalmente.

Espero ter ajudado! Se tiver mais alguma dúvida pode postar aqui!

solução!

Valeu.Tudo ok.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software