We’re going to start today with a“pop quiz.” It’s a“pop quiz” in the sense that it’s a surprise and there are test questions, however, you will work with a group to solve the problems, and you won’t be penalized for not figuring it out in the time span. The goal is to refresh our memories, piece together information, and work together to strengthen our understanding of code. You will receive points for participating and completing the prompts.
To complete the activity, upload and submit your URL on this document. One URL per group is fine.
Teams
Abby, Veronica, Drithi, Hiya
Francine, Emma, Yue
Sara, Rose, Lydia
Chelsea, Samyuthka, Laura, Kirti
Prompt 1
Create a typographic-driven website that displays the current date and time.
Â
Â
Â
Â
Steps
Create a variable for the current date.
Console log that variable to make sure it’s working and to preview how it will get displayed.
Create a variable for where you would like to display the date on the HTML document.(body? container?)
Create a function called“displayDate” that:
Establishes a variable called“dateDiv” that creates a div element on the document
Appends the“dateDiv” as a child to the container of your document
Adds a class to your dateDiv
Sets the“innerHTML” of“dateDiv” to be the variable for your date.
Call up the function
Edit the CSS of your page and type. Consider the typography. Let’s try to have a huge range of typographic options between the class!
đź‘Ą Harmonic Collection Show and Tell
💻 JavaScript Review “Pop Quiz”
Teams
Prompt 1