My First Treehouse Full Stack JavaScript Tech Degree Project You'll use your growing knowledge of basic JavaScript syntax, variables, loops, conditionals, functions and object literals to:
Build the array of quote objects to store the quotes. Write your own functions for selecting random quotes from the array and printing them to the screen. This project is a fun and effective way for you to practice basic JavaScript skills while also creating a simple interactive portfolio piece to showcase your understanding of JavaScript fundamentals.
- Developed skills using JavaScript Loops
- Developed skills using JavaScript Arrays
- Developed skills using JavaScript Object Literals
- Developed skills declaring variables with Let and Const
Exceeds Expectations
-
Array of Objects
-
is named
quotes
-
contains at least 5 quote objects.
-
is free of errors that prevent the code from running.
Object Properties
Exceeds expectations if meets expectations plus all of the following are true:
-
All objects have
quote
andsource
properties. -
At least one object has
citation
property. -
At least one object has
year
property. -
At least one object has at least one additional property, such as
tags
. -
At least one additional property prints to the page with the its (
tags
property) quote.
getRandomQuote function:
-
is named
getRandomQuote
: -
returns a random object from the
quotes
array.
printQuote function:
-
is named
printQuote
. -
calls the
getRandomQuote
function. -
prints a
quote
and asource
property with every quote. -
prints a
citation
property with at least one quote. -
prints a
year
property with at least one quote. -
printed quotes match the format, layout and styles of the example quote in the
index.html
file. -
Quotes automatically refresh at regular intervals.
-
Background color changes to a random color each time the quote refreshes.
- provided their own code comments.