JSFiddle - React, Tailwind, and code Playground

by reporter

HTML

<table id="table">

</table>

JavaScript

//array to store the books
let books = [];

function Book (title, author, genre, review)
{
	this.title = title;
	this.author = author;
	this.genre = genre;
	this.review = review;
}


function createBook() {
	let book = new Book(
		"1","2","3","4"
	);
	console.log(book);
	books.push(book);
	localStorage.setItem("Books", JSON.stringify(books));
}

function displayBooks() {
   //getting the object from local storage
    let books = JSON.parse(localStorage.getItem("Books")); console.log(books);

    let table = document.getElementById("table");
       
	for(i = 0; i < books.length;i++)
	{
		var newRow = table.insertRow(-1);
		cell1 = newRow.insertCell(0);
		cell2 = newRow.insertCell(1);
		cell3 = newRow.insertCell(2);
		cell4 = newRow.insertCell(3);
		
		cell1.appendChild(document.createTextNode(books[i].title));
		cell2.appendChild(document.createTextNode(books[i].author));
		cell3.appendChild(document.createTextNode(books[i].genre));
		cell4.appendChild(document.createTextNode(books[i].review));

	}
}

window.onload = createBook ;
displayBooks();