Após encapsular o eventListener na função removeLinha o código para de remover a linha padrão que vem do HTML. Pode-se observar no vídeo que ao tentar remover a linha 'Usuário Padrao' o navegador sobe a página, pelo comportamento padrão do href, ou seja, não está executando a função e, consequentemente, não está removendo a linha.
function inserePlacar() {
var corpoTabela = $(".placar").find("tbody");
var usuario = "Douglas"
var numPalavras = $("#contador-palavras").text();
var botaoRemover = "<a href='#'><i class='small material-icons'>delete</i></a>" ;
var linha = novaLinha(usuario,numPalavras);
linha.find(".botao-remover").click(removeLinha);
corpoTabela.append(linha);
}
function removeLinha(event){
event.preventDefault();
$(this).parent().parent().remove();
}
Isso poderia ser resolvido sem a necessidade de criar uma nova função?