Quando acaba o tempo aparece 2x o jogador na tabela e não sei como resolver isso
function Cronometro() {
//evento de focus => quando o input é selecionado independente da maneira, ganhando um foco
campo.on("focus", function () {
var frase = $("#frase").text();
var tempo = $("#tempo").text();
//setInterval => tudo que estiver dentro da função ele executará no tempo que decidiu
//1000 = 1s
var cronometro = setInterval(function () {
tempo--;
var digitado = campo.val();
var comparavel = frase.substr(0, digitado.length);
$("#tempo").text(tempo);
if (tempo <= 0) {
//attr muda o atributo de algo, atributos que não possuem valor possuem parâmetro true ou false
campo.attr("disabled", true);
clearInterval(cronometro);
campo.addClass("campo-desativado");
inserePlacar();
}
}, 1000)
})
}
$("#botaoPlacar").click(mostraPlacar);
function mostraPlacar() {
var placar = $(".placar").stop().slideToggle(1000);
}
function inserePlacar() {
//.find - desce a nodeChild da html procurando pelo que voce especificou no parametro
var corpoTabela = $("#pontos").find("tbody");
var usuario = $("#nome").val();
var numPalavrasJogador = $("#contador-palavras").text();
var linha = "<tr>" +
"<td>" + usuario + "</td>" +
"<td>" + numPalavrasJogador + "</td>" +
"<td>" + "<a class='removerJogador'>" + "<i class='small material-icons'>" + "backspace" + "</i>" + "</a>" + "</td>" +
"</tr>"
;
corpoTabela.append(linha);
jQuery(function (excluir) {
$("#pontos").on("click", ".removerJogador", function (e) {
$(this).closest('tr').fadeOut(600);
setTimeout(function () {
$(this).closest('tr').remove();
}, 600)
});
});
}