Boa tarde, após as modificações do capítulo para ser possível remover as novas linhas adicionadas, parei de conseguir remover a linha padrão, segue o código:
var campo = $(".campo-digitacao");
var tempoInicial = $("#tempo-digitacao").text();
var frase = $(".frase").text();
$(function(){
atualizaTamanhoFrase();
inicializaContadores();
inicializaCronometro();
inicializaMarcadores();
$("#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 qtdCaracters = conteudo.length;
$("#contador-caracteres").text(qtdCaracters);
});
}
function inicializaCronometro(){
var tempoRestante = $("#tempo-digitacao").text();
campo.one("focus",function(){
$("#botao-reiniciar").attr("disabled",true);
var cronometroId = setInterval(function(){
tempoRestante--;
console.log(tempoRestante);
$("#tempo-digitacao").text(tempoRestante);
if (tempoRestante < 1){
clearInterval(cronometroId);
finalizaJogo();
$("#botao-reiniciar").attr("disabled", false);
}
}, 1000);
});
}
function finalizaJogo(){
campo.attr("disabled", true);
campo.addClass("campo-desativado");
inserePlacar();
}
function inicializaMarcadores(){
campo.on("input", function(){
var digitado = campo.val();
var comparavel = frase.substr(0, digitado.length);
if(digitado == comparavel){
campo.addClass("borda-verde");
campo.removeClass("borda-vermelha")
}else{
campo.addClass("borda-vermelha");
campo.removeClass("bora-verde");
}
});
}
function reiniciaJogo(){
campo.attr("disabled", false);
campo.removeClass("campo-desativado");
campo.val("");
$("#contador-caracteres").text("0");
$("#contador-palavras").text("0");
$("#tempo-digitacao").text(tempoInicial);
inicializaCronometro();
campo.removeClass("borda-vermelha");
campo.removeClass("borda-verde");
}
function inserePlacar(){
var corpoTabela = $(".placar").find("tbody");
var usuario = "Felipe";
var numPalavras = $("#contador-palavras").text();
var linha = novaLinha(usuario,numPalavras);
linha.find(".botao-remover").click(removeLinha);
corpoTabela.prepend(linha);
}
function novaLinha(usuario,palavras){
var linha = $("<tr>");
var colunaUsuario = $("<td>").text(usuario);
var colunaPalavras = $("<td>").text(palavras);
var colunaRemover = $("<td>");
var link = $("<a>").addClass("botao-remover").attr("href","#");
var icone = $("<i>").addClass("small").addClass("material-icons").text("delete");
link.append(icone);
colunaRemover.append(link)
linha.append(colunaUsuario);
linha.append(colunaPalavras);
linha.append(colunaRemover);
return linha;
}
function removeLinha(event){
event.preventDefault();
$(this).parent().parent().remove();
}