Estoy tratando de almacenar el valor del nombre del libro en el almacenamiento local cuando el formulario se envía en forma de matriz. Pero la variable bookName funciona, pero cambia cada vez que se ingresa un nuevo nombre de libro a medida que la función se ejecuta nuevamente.

 let bookName = document.getElementById("bookName").value;

Entonces, quiero almacenar todos los nombres de los libros en forma de matriz y aparece el siguiente error. Aquí está el código:

 let libraryForm = document.getElementById("bookForm"); libraryForm.addEventListener("submit", libraryBooksDetails); function libraryBooksDetails(e) { e.preventDefault(); console.log("The book details have been submitted"); let bookName = document.getElementById("bookName").value; let bookAuthor = document.getElementById("author").value; let bookType; let fiction = document.getElementById("Fiction"); let programming = document.getElementById("ComputerProgramming"); let personal = document.getElementById("PersonalDevelopement"); if(fiction.checked){ bookType = fiction.value; } else if(programming.checked){ bookType = programming.value; } else if(personal.checked){ bookType = personal.value; } let book = new bookDetails(bookName,bookAuthor,bookType); let bookData; bookData = bookData || []; let nameOfBooks = bookData.push(book.bookName); localStorage.setItem("books",JSON.stringify(nameOfBooks)) console.log(book); let display = new Display() display.add(book); display.clear(); }

La función que usé para almacenar el valor devuelve 1. ¿No sé por qué?

Cualquier ayuda sería realmente apreciada.