requirements: GIVEN I am using a daily planner to create a schedule WHEN I open the planner THEN the current day is displayed at the top of the calendar WHEN I scroll down
- in script i need to get date and add a
tag to display it on the site
THEN I am presented with time blocks for standard business hours WHEN I view the time blocks for that day
- in HTML create either a table or sections for each time
THEN each time block is color-coded to indicate whether it is in the past, present, or future WHEN I click into a time block -in script get time and create a function if time less than or equal to current time then grey out section
THEN I can enter an event WHEN I click the save button for that time block -in HTML center section make it a text box
- in script .click on the save text to the time
THEN the text for that event is saved in local storage
- on script save to local storage
WHEN I refresh the page THEN the saved events persist
should be able to still view after share
List on what I need to do from start to finish
-
in HTML create either a table or sections for each time {complete} 1.a. I created a sectition and added/ edited the CSS
-
in HTML center section make it a text box {complete} 2.a. I added the alresdy created css to the text box {completed}
-
in script i need to get date and add a
tag to display it on the site 3.a. there is a slot created for todays date (this part can be obmited) 3.b. create a script to display current date {complete}
-
in script get time and create a function if time less than or equal to current time then grey out section/ the present time is in red and the future is in green {complete}
-
in script .click on the save text to the time
-
on script save to local storage
-
should be able to still view after share (test)
https://www.w3schools.com/TAGS/att_global_data.asp