Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Follow the example below , write an html file and a JavaScript file to show the due date of a book checked out from a

Follow the example below, write an html file and a JavaScript file to show the due date of a book checked out from a library. The html file should contain necessary elements to work with the JavaScript file described as follow. The JavaScript file needs to meet the following requirements:

1.It needs to have an object called book that have attributes called name, title, author and price. The values of these attributes are then written to the html file using JavaScript statements.

2. The book (as an element in your html file) should be due in TWO weeks from the time it is check ed out (the time when the html page is visited). The book due date is written to the html file using JavaScript statements.

Html Example

Javascript Example

(function() {

// PART ONE: CREATE HOTEL OBJECT AND WRITE OUT THE OFFER DETAILS

// Create a hotel object using object literal syntax var hotel = { name: 'Park', roomRate: 240, // Amount in dollars discount: 15, // Percentage discount offerPrice: function() { var offerRate = this.roomRate * ((100 - this.discount) / 100); return offerRate; } };

// Write out the hotel name, standard rate, and the special rate var hotelName, roomRate, specialRate; // Declare variables

hotelName = document.getElementById('hotelName'); // Get elements roomRate = document.getElementById('roomRate'); specialRate = document.getElementById('specialRate');

hotelName.textContent = hotel.name; // Write hotel name roomRate.textContent = '$' + hotel.roomRate.toFixed(2); // Write room rate specialRate.textContent = '$' + hotel.offerPrice(); // Write offer price

// PART TWO: CALCULATE AND WRITE OUT THE EXPIRY DETAILS FOR THE OFFER var expiryMsg; // Message displayed to users var today; // Today's date var elEnds; // The element that shows the message about the offer ending

function offerExpires(today) { // Declare variables within the function for local scope var weekFromToday, day, date, month, year, dayNames, monthNames;

// Add 7 days time (added in milliseconds) weekFromToday = new Date(today.getTime() + 7 * 24 * 60 * 60 * 1000);

// Create arrays to hold the names of days / months dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

// Collect the parts of the date to show on the page day = dayNames[weekFromToday.getDay()]; date = weekFromToday.getDate(); month = monthNames[weekFromToday.getMonth()]; year = weekFromToday.getFullYear();

// Create the message expiryMsg = 'Offer expires next '; expiryMsg += day + ' (' + date + ' ' + month + ' ' + year + ')'; return expiryMsg; }

today = new Date(); // Put today's date in variable elEnds = document.getElementById('offerEnds'); // Get the offerEnds element elEnds.innerHTML = offerExpires(today); // Add the expiry message

// Finish the immediately invoked function expression }());

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Filing And Computer Database Projects

Authors: Jeffrey Stewart

2nd Edition

007822781X, 9780078227813

More Books

Students also viewed these Databases questions

Question

1. Which position would you take?

Answered: 1 week ago