Change Content - Javascript

Change html element content using pure javascript author(s): Deepu Mohan Puthrote (WarFox)

by reporter

HTML

<div id="myelement">Old Text</div>

JavaScript

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.size;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 = changeContent ;