function inserePlacar(){
    var corpoTabela = $(".placar").find("tbody"); // .find procura por um elemento filho de outro elemento
    var usuario = "Lucas";
    var numPalavras = $("#contador-palavras").text(); // selecionado o span com as palavras
    // var botaoRemover = "<a href='#'><i class='small material-icons'>delete</i></a>"
    var linha = novaLinha(usuario,numPalavras);
    linha.find(".botao-remover").click(removeLinha);
    // "<tr>"+
    //                 "<td>" + usuario + "</td>"+
    //                 "<td>" + numPalavras + "</td>"+
    //                 "<td>" + botaoRemover + "</td>"+
    //             "</tr>";
    corpoTabela.prepend(linha); // adicionando linha no comeco da tabela                
}
function novaLinha(usuario,palavras){  // recebendo usuario da function insere placar  // rec numPalavras
    var linha = $("<tr>"); // criando um elemtento html
    var colunaUsuario = $("<td>").text(usuario);
    var colunaPalavras = $("<td>").text(palavras);
    var colunaRemover = $("<td>");
    var link = $("<a>").attr("href","#").addClass("botao-remover");
    var icone = $("<i>").addClass("small").addClass("material-icons").text("delete");
    link.append(icone); // adicionado tag i dentro de <a>
    colunaRemover.append(link); // colocando tag <a> dentro da <td>
    //colocando as td dentro da tr
    linha.append(colunaUsuario);
    linha.append(colunaPalavras);
    linha.append(colunaRemover);
    return linha;
}
function removeLinha(event){
        event.preventDefault();
        $(this).parent().parent().remove(); // removendo o pai do pai do elemento <a>
    }