This webpage shows the timeblocks for standard business hours. That is, from 9am to 5pm. On the webpage header, the current day is displayed. Every timeblock has a textarea that allows the user to enter an event, and a save button on the right side of the timeblock to save the event to the browser local storage. Through this project, I learnt how id's and classes can be used by jQuery to traverse the DOM.
N/A
To use this webpage, you can view the current date in the webpage header. You can also view the time in each in each timeblock and enter your event in the text area. To save your event to the browser local storage, click on the blue button to the right of the timeblock. The colour of the timeblock changes depending on if the timeblock is in the past (grey), present (red) and future (green).
The following image shows the web application's appearance and functionality:
N/A
N/A
Here is the link to the webpage: Work Day Scheduler