Actualmente estoy trabajando en el proyecto Biblioteca de The Odin Project.

Aquí está el código en este momento: https://codepen.io/donatcs/pen/eYepQLz

Aquí está solo el código JS:

 class Book { constructor(title, author, pages, isRead) { this.title = title.value; this.author = author.value; this.pages = pages.value; this.isRead = isRead.value; } } let myLibrary = []; const addBook = (event)=>{ event.preventDefault(); let books = new Book ( title = this.title, author = this.author, pages = this.pages, isRead = this.isRead) myLibrary.push(books); console.log('added' , {myLibrary} ); let pre = document.querySelector('#bookz table'); pre.textContent += (JSON.stringify(myLibrary, '\t', 2)); localStorage.setItem('MyLibrary', JSON.stringify(myLibrary)); } document.addEventListener('DOMContentLoaded', ()=>{ document.getElementById('btn').addEventListener('click', addBook); });

Todavía está en las primeras etapas, así que sé que el código se ve mal y la funcionalidad no es correcta.

Aquí está el proyecto con los requisitos: https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript/lessons/library

Necesito ayuda para mostrar los libros correctamente.