Sim mesmo com o código duplicado ele continua apresentando o mesmo erro.
var botao = $(".botao");
botao.on("click", function() {
inserir();
});
function inserir () {
var corpoTabela = $(".listaCurso").find("tbody");
var num = $(".num").val();
var seg = $(".seg").val();
var ter = $(".ter").val();
var quar = $(".quar").val();
var quin = $(".quin").val();
var sex = $(".sex").val();
var sab = $(".sab").val();
var dom = $(".dom").val();
var linha = novaLinha(num, seg, ter, quar, quin, sex, sab, dom);
corpoTabela.append(linha)
};
function novaLinha(num, s1, t, q1, q2, s2, s3, d){
var linha = $("<tr>");
$("<td>").text(num).appendTo(linha);
$("<td>").text(s1).appendTo(linha);
$("<td>").text(t).appendTo(linha);
$("<td>").text(q1).appendTo(linha);
$("<td>").text(q2).appendTo(linha);
$("<td>").text(s2).appendTo(linha);
$("<td>").text(s3).appendTo(linha);
$("<td>").text(d).appendTo(linha);
return linha;
};
Acima o codigo do arquivo main.js, e abaixo o codigo responsavel por salvar a tabela.
var botao2 = $(".botao-salvar");// botão-salvar é a classe do botão//
botao2.on("click", function() {
sincronizaTabela();
console.log(sincronizaTabela());// os console.log() são para poder monitorar os dados que estão sendo pegos.//
});
function sincronizaTabela (){
var tabela = [];
console.log(tabela);
var linhas = $("tbody>tr");
console.log(linhas);
linhas.each(function(){
var dia = $(this).find("td:nth-child(1)").text();
console.log(dia);
var seg = $(this).find("td:nth-child(2)").text();
console.log(seg);
var ter = $(this).find("td:nth-child(3)").text();
console.log(ter);
var quar = $(this).find("td:nth-child(4)").text();
console.log(quar);
var quin = $(this).find("td:nth-child(5)").text();
console.log(quin);
var sex = $(this).find("td:nth-child(6)").text();
console.log(sex);
var sab = $(this).find("td:nth-child(7)").text();
console.log(sab);
var dom = $(this).find("td:nth-child(8)").text();
console.log(dom);
var lista = {
dia: dia,
seg: seg,
ter: ter,
quar: quar,
quin: quin,
sex: sex,
sab: sab,
dom: dom
};
console.log(lista);
tabela.push(lista);
var dados = {
tabela: tabela
};
console.log(dados);
$.post("http://localhost:3000/placar", dados, function(){
console.log("Placar sincronizado com sucesso");
});
// estou usando os arquivos do back-end do curso de Jquery, pois ainda não aprendi como montar o servidor, mas é algo que pretendo começar a estudar em breve.//
});
};
E apesar de eu achar improvavel que possa ser o problema, também o HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Projeto Calendario Interativo</title>
<link rel="stylesheet" href="css/libs/materialize.min.css">
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<div class="container">
<div class="center">
<h1>Tabela de estudos</h1>
<form>
<div class="row">
<div class="col s12">
<label>Semana de estudo Nº:</label>
<textarea class="num"></textarea>
<label>O que aprender hoje?</label>
<textarea class="seg" placeholder="Diga o que aprender na Segunda."></textarea>
<textarea class="ter" placeholder="Diga o que aprender na Terça."></textarea>
<textarea class="quar" placeholder="Diga o que aprender na Quarta."></textarea>
<textarea class="quin" placeholder="Diga o que aprender na Quinta."></textarea>
<textarea class="sex" placeholder="Diga o que aprender na Sexta."></textarea>
<textarea class="sab" placeholder="Diga o que aprender no Sabado."></textarea>
<textarea class="dom" placeholder="Diga o que aprender no Domingo."></textarea>
</div>
</div>
<div class="btn botao">Salvar</div>
</form>
</div>
<table class="listaCurso bordered striped centered">
<thead>
<tr>
<th>Nº da semana</th>
<th>Segunda</th>
<th>Terça</th>
<th>Quarta</th>
<th>Quinta</th>
<th>Sexta</th>
<th>Sabado</th>
<th>Domingo</th>
</tr>
</thead>
<tbody class="corpoTabela">
</tbody>
</table>
<div class="btn botao-salvar">Salve a lista</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
<script src="js/salva-tabela.js"></script>
</body>
</html>