Entrar Ainda não tem acesso?
5
respostas

ola eu estou recebendo esse erro referente a criação da minha td Uncaught SyntaxError: missing ) after argument list referente a linha 40

Referente ao curso JavaScript: programando na linguagem da web

por Leandro Cruz
| 21.5k xp | 9 posts

` 

</head>
<body>

    <header>
        <div class="container">
            <h2 class="titulo">Lista de Leitura</h2>
        </div>
    </header>
    <main>
        <section class="container">
            <h2>Minhas Leituras</h2>
            <table>
                <thead>
                    <tr>
                        <th>Titulo</th>
                        <th>autor</th>
                        <th>Total de´Páginas</th>
                        <th>Página atual</th>
                    </tr>
                </thead>
                <tbody id="tabela-livros">
                    <tr class="biblioteca" id="primeiro-livro">_</tr>
                    <tr class="biblioteca">_</tr>
                    <tr class="biblioteca">_</tr>
                    <tr class="biblioteca">_</tr>
                </tbody>
            </table>

        </section>
    </main><br>
    <form id="salvador">
<div class="container">
<label for="titulo">Livro:</label>
<input id="titulo" type="text" name="titulo" placeholder="titulo" ><br>

<label for="autor">Autor</label>
<input id="autor" type="text" name="autor" placeholder="Autor" ><br>

<label for="totalDePaginas">Numero de Páginas</label>
<input id="totalDePaginas" type="text" name="totalDePaginas" placeholder="Numero da pagina" ><br>

<label for="paginaAtual">Página Atual</label>
<input id="paginaAtual" type="text" name="paginaAtual" placeholder="Numero da pagina" ><br>

<button id="cadastrar" class="button">Adicionar</button>
</div>
    <script src="js/principal.js" ></script>

</body>
```No java Script var botaoAdicionar = document.querySelector("#cadastrar");

botaoAdicionar.addEventListener("click", function(event) { event.preventDefault();

//pega as variaveis do form
var form = document.querySelector("#salvador");

  //chama a função que cria o objeto  leitura
  var leitura = leituraAtual(form); 
  //cria as TR e coloca oas valors na tabela
  var livroTr = montaTr(leitura);

var tabela = document.querySelector("#tabela-livros");

tabela.appendChild(livroTr); form.reset(); }); // função que cria o objeto leitura a partir do form function leituraAtual(form){

var leitura ={

   titulo: form.titulo.value,
   autor: form.autor.value,
   totalDePaginas: form.totalDePaginas.value,
   paginaAtual: form.paginaAtual.value

}
return leitura;

} //funçãoque monta a TR recebendo os itens do objeto leitura function montaTr(leitura){

var livroTr = document.createElement("tr"); livroTr.classList.add("leitura");

livroTr.appendChild(montaTd(leitura.titulo, "info-titulo")); livroTr.appendChild(montaTd(leitura.autor, "info-autor")); livroTr.appendChild(montaTd(leitura.totalDePaginas,"info-totalPaginas"); livroTr.appendChild(montaTd(leitura.paginaAtual, "info-paginaAtual"); /* var tituloTd = document.createElement("td"); var autorTd = document.createElement("td"); var totalDePaginasTd = document.createElement("td"); var paginaAtualTd = document.createElement("td");

tituloTd.textContent = leitura.titulo; autorTd.textContent = leitura.autor; totalDePaginasTd.textContent = leitura.totalDePaginas; paginaAtualTd.textContent = leitura.paginaAtual;

livroTr.appendChild(tituloTd); livroTr.appendChild(autorTd); livroTr.appendChild(totalDePaginasTd); livroTr.appendChild(paginaAtualTd); */ return livroTr; } function montaTd(dado,classe){

var td = document.createElement("td"); td.textContent = dado; td.classList.add(classe);

return td; }

5 respostas
por Mateus Roman
| 90k xp | 102 posts

Olá Leandro, você poderia especificar melhor qual é a linha 40 onde se encontra o erro?

Olha, talvez fosse bacana também Identar este código e postar o javascript com a funcionalidade "<> Inserir Código".

Ademais, dei uma olhada por cima, e identifiquei alguns erros de Sintaxe, porém, não consigo confirma-los. Se possível, siga os passos que mencionei acima que vai ficar bem mais fácil de ajudar.

por Leandro Cruz
| 21.5k xp | 9 posts
var botaoAdicionar = document.querySelector("#cadastrar");

botaoAdicionar.addEventListener("click", function(event) {
    event.preventDefault();

    //pega as variaveis do form
    var form = document.querySelector("#salvador");

      //chama a função que cria o objeto  leitura
      var leitura = leituraAtual(form); 
      //cria as TR e coloca oas valors na tabela
      var livroTr = montaTr(leitura);

   var tabela = document.querySelector("#tabela-livros");

   tabela.appendChild(livroTr);
   form.reset();
});
// função que cria o objeto leitura a partir do form
function leituraAtual(form){

    var leitura ={

       titulo: form.titulo.value,
       autor: form.autor.value,
       totalDePaginas: form.totalDePaginas.value,
       paginaAtual: form.paginaAtual.value

    }
    return leitura;
}
//funçãoque monta a TR recebendo os itens do objeto leitura
function montaTr(leitura){

  var livroTr = document.createElement("tr");
  livroTr.classList.add("leitura");

   livroTr.appendChild(montaTd(leitura.titulo, "info-titulo"));
   livroTr.appendChild(montaTd(leitura.autor, "info-autor"));
   livroTr.appendChild(montaTd(leitura.totalDePaginas,"info-totalPaginas");
   livroTr.appendChild(montaTd(leitura.paginaAtual, "info-paginaAtual");
   /*
    var tituloTd = document.createElement("td");
    var autorTd = document.createElement("td");
    var totalDePaginasTd = document.createElement("td");
    var paginaAtualTd = document.createElement("td");

   tituloTd.textContent = leitura.titulo;
   autorTd.textContent = leitura.autor;
   totalDePaginasTd.textContent = leitura.totalDePaginas;
   paginaAtualTd.textContent = leitura.paginaAtual;

   livroTr.appendChild(tituloTd);
   livroTr.appendChild(autorTd);
   livroTr.appendChild(totalDePaginasTd);
   livroTr.appendChild(paginaAtualTd);
    */
  return livroTr;
}
function montaTd(dado,classe){

 var td = document.createElement("td");
 td.textContent = dado;
 td.classList.add(classe);


   return td;
}


ALinha 40 é éssa "livroTr.appendChild(montaTd(leitura.totalDePaginas,"info-totalPaginas");"
por Leandro Cruz
| 21.5k xp | 9 posts

E esse código esta igual ao do videio o que indiferente se não esta identado não causaria erro pois se deixo sem o montaTD ele funciona mas com essa função ele se perde nessa linha mencionada

por Mateus Roman
| 90k xp | 102 posts

Olá Leandro, segundo as tuas novas postagens, pude constatar alguns pontos:

Verifique onde você possui estes elementos : "info-titulo", "info-autor", "info-totalPaginas", "info-paginaAtual"

Se encontra-los no HTML, basta adicionar um "." (ponto), antes de cada uma delas, ficando desta forma:

 livroTr.appendChild(montaTd(leitura.titulo, ".info-titulo"));

E assim consecutivamente.

Caso não tenha estes elementos no seu HTML(Eu não consegui encontra-los), basta adicionar como classe e na hora de adicionar como filho, fazer como postei logo acima.

Espero ter ajudado.

por Mateus Roman
| 90k xp | 102 posts

Opa, tudo bom Leandro? Se a resposta lhe ajudou, marque-a como solucionada, podem haver mais pessoas com esta duvida.

Atenciosamente, Mateus