Boa tarde. Ao concluir a aula fui testar a digitação das frases e percebi que que da segunda vez em diante, o placar está sendo impresso na página cerca de 4 a 5 vezes seguidas. apenas da primeira vez ele imprime apenas uma linha, ao clicar para jogar de novo, quando o tempo acaba, saem várias linhas com o mesmo resultado.
Onde pode estar o problema?
$("#botao-placar").click(mostraPlacar);
function mostraPlacar(){
$(".placar").stop().slideToggle(600);
}
function inserePlacar(){
var corpoTabela = $(".placar").find("tbody");
var usuario = "Gilvan";
var numPalavras = $("#conta-palavras").text();
var numCaracteres = $("#conta-caracteres").text();
var linha = insereLinha(usuario, numPalavras, numCaracteres);
linha.find(".botao-remover").click(removeLinha);
corpoTabela.prepend(linha);
$(".placar").slideDown(500);
scrollPlacar();
}
function scrollPlacar(){
var posicaoPlacar = $(".placar").offset().top;
$("html, body").animate({
scrollTop: posicaoPlacar+"px"
},1000);
}
function insereLinha(usuario, palavras, caracteres){
var linha = $("<tr>");
var colunaUsuario = $("<td>").text(usuario);
var colunaPalavras = $("<td>").text(palavras);
var colunaCaracteres = $("<td>").text(caracteres);
var colunaRemover = $("<td>");
var link = $("<a>").addClass("botao-remover").attr("href", "#");
var icone = $("<i>").addClass("small").addClass("material-icons").text("delete"); //variavel q vai criar o icone de lixeira para o link de remoção
link.append(icone);
colunaRemover.append(link);
colunaRemover
linha.append(colunaUsuario);
linha.append(colunaPalavras);
linha.append(colunaCaracteres);
linha.append(colunaRemover);
return linha;
}
function removeLinha(event){
event.preventDefault();
var remover = $(this).parent().parent();
remover.fadeOut(1000);
setTimeout(function(){
remover.remove();
},1000);
}