function inserePlacar() { var corpoTabela = $(".placar").find("tbody"); var usuario = "Carlos" var numPalavras = $("#contador-palavras").text(); var numCaracteres = $("#contador-caracteres").text();
var linha = novaLinha(usuario,numPalavras,numCaracteres);
linha.find(".botao-remover").click(removeLinha);
corpoTabela.append(linha);
}
function novaLinha(usuario,numPalavras,numCaracteres){ var linha = $(""); var colunaUsuario = $("").text(usuario); var colunaPalavras = $("").text(numPalavras); var colunaCaracteres = $("").text(numCaracteres); var colunaRemover = $(""); var link = $("").attr("href", "#").addClass("botao-remover"); var icone = $("").addClass(".small").addClass("material-icons").text("delete");
// Icone dentro do <a>
link.append(icone);
// <a> dentro do <td>
colunaRemover.append(link);
// Os três <td> dentro do <tr>
linha.append(colunaUsuario);
linha.append(colunaPalavras);
linha.append(colunaCaracteres);
linha.append(colunaRemover);
return linha;
}
function removeLinha(event){ event.preventDefault(); $(this).parent().parent().remove(); }