Entrar Ainda não tem acesso?
4
respostas

o problema anterior foi resolvido mas deu outro agora esta dando Uncaught SyntaxError: Unexpected end of input mas esta acho eu igual ao seu

Referente ao curso JavaScript: programando na linguagem da web

por Leandro Cruz
| 21.5k xp | 9 posts
<h4><strong> Lista de Livros Com Leitura em Andamento </strong></h4>
    <table class="table table-bordered">
          <thead>
                    <tr>
                          <th scope="col">Livro</th>
                          <th scope="col">Autor</th>
                          <th scope="col">Numero de Páginas</th>
                          <th scope="col">Pagina atual</th>
                    </tr>
              </thead>
          <tbody id="tabela-livro">


          </tbody>
    </table><br>
<body>
<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">Pagina atual</label>
    <input id="paginaAtual" type="text" name="paginaAtual" placeholder="Pagina atual">
    <button id="cadastrar" class="button">Adicionar</button>
    </div>
</form>
</body>
no java script

var botaoAdicionar = document.querySelector("#cadastrar");

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

    var form = document.querySelector("#salvador");

    var titulo = form.titulo.value; 
    var autor = form.autor.value;
    var totalDePaginas = form.totalDePaginas.value; 
    var paginaAtual = form.paginaAtual.value; 

    var livroTr = document.createElement("tr");
    var tituloTd = document.createElement("td");
    var autorTd = document.createElement("td");
    var totalDePaginasTd = document.createElement("td");
    var paginaAtual = document.createElement("td");

   tituloTd.textContent = titulo
   autorTd.textContent = nome;
   totalDePaginasTd.textContent = nome;
   paginaAtual.textContent = nome;

   livroTr.appendChild(tituloTd);
   livroTr.appendChild(autorTd);
   livroTr.appendChild(totalDePaginasTd);
   livroTr.appendChild(paginaAtual);

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

   tabela.appendChild(livroTr);
4 respostas
por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa tarde, Leandro! Como vai?

O seu código JavaScript está incompleto! Está faltando um }); no final para finalizar o addEventListener(). Faça essa correção e veja se resolve o seu problema. Caso não resolva, avisa aqui que eu continuo tentando te ajudar!

Grande abraço e bons estudos!

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

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

    var form = document.querySelector("#salvador");

    var titulo = form.titulo.value; 
    var autor = form.autor.value;
    var totalDePaginas = form.totalDePaginas.value; 
    var paginaAtual = form.paginaAtual.value; 

    var livroTr = document.createElement("tr");

    var tituloTd = document.createElement("td");
    var autorTd = document.createElement("td");
    var totalDePaginasTd = document.createElement("td");
    var paginaAtualTd = document.createElement("td");

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

   livroTr.appendChild(tituloTd);
   livroTr.appendChild(autorTd);
   livroTr.appendChild(totalDePaginasTd);
   livroTr.appendChild(paginaAtualTd);

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

   tabela.appendChild(livroTr);
});

Consertei mas ainda da erro exer1.js:33 Uncaught TypeError: Cannot read property 'appendChild' of null at HTMLButtonElement. ele marca o tabela.appendChild(livroTr); mas não sei porque

por Leandro Cruz
| 21.5k xp | 9 posts

esquece concertei era o id errado

por Leandro Cruz
| 21.5k xp | 9 posts

agora não da mais erro mas a ultima parte da dabela não esta sendo preenchida