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

Ao reiniciar cronometro não mostra o numero

Boa tarde o meu código não apresenta os numeros quando eu clico no botão de reiniciar ele aparece somente tempoinicial

var tempoInicial = $("#tempo-digitacao").text();
var campo = $(".campo-ditgitacao");

$(function(){
  atualizaTamanhoFrase();
  inicializaContadores();
  incializaCronometro();
  $("#botao-reiniciar").click(reiniciaJogo);
})

function atualizaTamanhoFrase() {
  var frase = $(".frase").text();
  var numPalavras = frase.split(" ").length;
  var tamanhoFrase = $("#tamanho-frase");
  tamanhoFrase.text(numPalavras);

}



function inicializaContadores() {
  campo.on("input",function(){
   var conteudo = campo.val();

   var qtdPalavras = conteudo.split(/\S+/).length - 1;
   $("#contador-palavras").text(qtdPalavras);

   var qtdCaracteres = conteudo.length;
   $("#contador-caracteres").text(qtdCaracteres);
  });
}


 function incializaCronometro() {
   var tempoRestante = $("#tempo-digitacao").text();
   campo.one("focus",function(){
     var cronometroID = setInterval(function(){
       tempoRestante--;
       $("#tempo-digitacao").text(tempoRestante);
       if(tempoRestante < 1){
          campo.attr("disabled",true);
          clearInterval(cronometroID);
       }
     },1000);
   });
 }


function reiniciaJogo(){
    campo.attr("disabled",false);
    campo.val("");
    $("#contador-palavras").text("0");
    $("#contador-caracteres").text("0");
    $("#tempo-digitacao").text("tempoInicial");
    incializaCronometro();
}
1 resposta
solução!

Fala ai Henrique, tudo bem? Acho que talvez seja um pequeno detalhe na função reiniciaJogo:

function reiniciaJogo(){
    campo.attr("disabled",false);
    campo.val("");
    $("#contador-palavras").text("0");
    $("#contador-caracteres").text("0");
    $("#tempo-digitacao").text("tempoInicial");
    incializaCronometro();
}

Repare que na linha:

$("#tempo-digitacao").text("tempoInicial");

Você está informando o tempoInicial como uma string e não uma variável. Tente mudar para:

$("#tempo-digitacao").text(tempoInicial);

Acho que pode resolver o problema.

Espero ter ajudado.