ola me ajude estou fazendo esses exercitórios mas modifiquei um pouco o codigo mas o javascript esta dando erro me ajude a resolver

<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>
em 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 totalDePáginas = form.totalDePáginas.value; 
    var paginaAtual = form.paginaAtual.value; 

    console.log(titulo);
    console.log(autor);
    console.log(totalDePáginas);
    console.log(paginaAtual);
});