book.js

//Book class
class Book
{
   constructor(title,author,resource,date)
   {
    this.title=title;
    this.author=author;
    this.resource=resource;
	this.date=date;
   }
}
function GoToResources()
{
    console.log("Just clicked");
    location.href="./resources.html";
}
function GoBack()
{
    location.href="./book.html";
}
//Local Storage
class bookStore
{
   static getBooks()
   {
        let books;
        if(localStorage.getItem('books')===null)
        {
            books=[];   
        }
        else{
            books=JSON.parse(localStorage.getItem('books'));
        }
    return books;
   }
   static addBook(book)
   {
       const books=bookStore.getBooks();
       books.push(book);
       console.log(books);
       localStorage.setItem('books',JSON.stringify(books));
   }
}
class UI
{
    static displayBooks()
    {
        const books=bookStore.getBooks();
        books.forEach(book=>UI.addBooktoList(book));
    }
    static addBooktoList(book)
    {
       const list=document.querySelector('#resource-list');
       const row=document.createElement('tr');
       row.innerHTML=
           `
            <td>${book.title}</td>
            <td>${book.author}</td>
            <td>${book.resource}</td>
			<td>${book.date}</td>
           `;
       list.appendChild(row);
    }
    static clearform()
    {
        document.querySelector('#title').value='';
        document.querySelector('#author').value='';
        document.querySelector('#resource').value='';
		document.querySelector('#date').value='';
    }
    static alertMsg(message,name){
        const div=document.createElement('div');
        div.className=`alert alert-${name}`;
        div.appendChild(document.createTextNode(message));
        const container=document.querySelector('.container');
        const form=document.querySelector('#book-form');
        container.insertBefore(div,form);
        
        setTimeout(() => document.querySelector('.alert').remove(), 2000);
    } 
}
document.addEventListener('DOMContentLoaded',UI.displayBooks());
document.querySelector('#book-form').addEventListener('submit', (e)=>
{
    e.preventDefault();
    const title=document.querySelector('#title').value;
    const author=document.querySelector('#author').value;
    const isbn=document.querySelector('#resource').value;
	const date=document.querySelector('#date').value;
    if(title==='' || author==='' || resource===''||date===''){
    UI.alertMsg('Please fill all the fields','danger');
    }
    else{
    const book=new Book(title,author,isbn,date);
    bookStore.addBook(book);
    UI.addBooktoList(book);
    UI.alertMsg('Book added','success');
    UI.clearform();
    }
    
});
document.querySelector()

// for clearing the list
function update() {
    if (localStorage.getItem('itemJson') === null) {
        itemJsonArray = [];
        localStorage.setItem('itemJson', JSON.stringify(itemJsonArray));
    } else {
        itemJsonArrayStr = localStorage.getItem('itemJson');
        itemJsonArray = JSON.parse(itemJsonArrayStr);
    }
    let tableBody = document.getElementById('resource-list');
    let str = "";
    itemJsonArray.forEach((element, index) => {
        str += `
                <tr>
                    <td>${element[0]}</td>
                    <td>${element[1]}</td>
                    <td><button class="btn btn-primary btn-sm" onclick="deleted(${index})">Delete</button></td>
                </tr>`;

    });
    tableBody.innerHTML = str;
}

function clearlist() {
    var ans=prompt("Do you really want to clear all items?, Press y for Yes else press any key");
    console.log("clearing the storage");
    if(ans==='y'){
    localStorage.clear();
    update();
    }
}