Please refer to the attachment to answer this question. This… Image transcription text <

‘); $(‘#reviewList’).append(‘

‘); $(‘#reviewList’).append(‘

‘); $(‘#reviewList’).append(‘

‘); $(‘#reviewList’).append(‘

‘); }); // Display review count $(‘#mainTitle’).html(querySnapshot.size + ” book reviews in the list”); });// Add button pressed$(“#addButton”).click(function() { // Add review to Firestore collection db.collection(“Reviews”).add({ book_name: $(“#bookName”).val(), book_rating: parseInt($(“#bookRating”).val()) }) .then((docRef) => { console.log(“Document written with ID: “, docRef.id); }) .catch((error) => { console.error(“Error adding document: “, error); }); // Reset form $(“#bookName”).val(”); $(“#bookRating”).val(‘1’);});GOOGLE FIRESTORE -FIREBASEDO THE MODIFICATIONS ACCORDING TO THE QUESTIONS IN THE BABOVE GIVEN HTML AND JAVASCRIPT CODE ,I HAVE ALREAADY ADD THE REVIEW_DATE BUTTON I DONT KNOW TO MAKE IT SET THE CURRENT DATE,I HAVE ALREADY ADD THE DELETE BUTTON BUT I DONT KNOW HOW TO MAKE IT DELETE REVIEWSAdd the following features to your application:1. Add a “review_date” field to your existing documents and display it in your HTML table as a third column. When adding new reviews, the field should be set automatically to the current date and time.- 2. Add the ability to delete reviews from the web interface. – Here is a “how-to” guide on how to delete a Firestore document: https://cloud.google.com/firestore/docs/manage-data/delete-data – The trick will be to pass the correct document ID. You could store the document ID for each document in your HTML table when displaying it, in order to retrieve it when trying to delete an item. Computer Science Engineering & Technology Java Programming Share QuestionEmailCopy link This question was created from codes.pdf