You are on page 1of 1

Translated from Hebrew to English - www.onlinedoctranslator.

com

In this test you will implement an appweb that includes html, css and js. Observe the
.instructions and submission instructions

.In this you will write an application for displaying events to the user

Given the fileEventsData.js within which is defined a variable named data that contains an
array of objects. Each object represents a particular event. (The file is in the to-do system,
.download)

:This is what an event object looks like

date": "9/1/2022", "time": "17:00", "title": "Dad's birthday", "description": "Prepare the "{
} ".cake and all

.Create a filehtml named Events.html

.Create a tag at the top of the pageh1 with your name and ID number. your

:The page should look like this

The background color of the page will be determined by the last six digits of the ID number.
your. For example, if the ID number he038741263 then the background color will be
x741263

All events in the variable will appear inside the pageData are sorted in ascending order by
date and time. If the date of a particular event applies to the current date, the date "Today"
.will be displayed instead of the date

Each event will contain the date and time of the event, the event title and description, and a
button that allows the event to be added to the calendar. You can design the events as in
the example, or in any other design, provided there is a clear distinction between the
different parts, and between events (for example, you can choose different colors, place the
.date and time in a different location, etc., of your choice)

Pressing the buttonAdd to calendar will add the current event object to local web storage.
Define in the local storage an object named Events that will contain all the saved events and
.store all the events in it

You might also like