Completed

js/app.js

@@ -6,24 +6,45 @@ The function will add the following content inside the paragraph with the id of
 
 var bacon = "Shoulder turducken brisket, kevin swine andouille tri-tip salami tail ham sausage pork loin. Ribeye short loin rump kielbasa pork. Capicola short loin turducken corned beef tongue, chuck leberkas salami frankfurter. Kielbasa fatback pancetta, ground round meatball turducken jowl ribeye alcatra sirloin bacon corned beef beef ribs short loin. Pork belly spare ribs biltong corned beef meatball short ribs tongue alcatra swine drumstick. Biltong shankle kevin, cupim sirloin bresaola brisket. Tail pork belly biltong ball tip tri-tip, pig jerky cow pastrami prosciutto ;ground round bacon capicola tongue meatball.";
 
+function moreContent() {
+	more.innerHTML = bacon;
+}
+
 
 //2. HTTP
 /*Create a function named `lessContent` that will initiate the `Show Less` link after clicking on it.
 
 The function will hide the contents in the pargraph with the id of `less` after clicking on the `Show Less` link.*/
 
 
+function lessContent() {
+	less.innerHTML = "";
+}
+
 
 //3. Tacocat, The Original Palindrome King
 /*Create a function named `zoom` that will increase the font size of the paragraph with the id of `biggie` after hovering your mouse over it. Increae the font size to 150%*/
 
-
+function zoom() {
+	biggie.style.fontSize = "150%";
+}
 
 //4. McDonalds
 /*Create a variable name menu and assign it an array of three of your favorite items at McDonald's.
 
 Next, create a function named valueMenu that will display your favorite items in the paragraph the the id of `menu` after clicking on the showMenu paragraph.*/
 
+var menuList = ["Burger", "Fries", "Shake"];
+
+function valueMenu() {
+	var menuText = "";
+	for (var i = 0; i < menuList.length; i++) {
+		menuText += menuList[i] + ", ";
+	}
+	menuText = menuText.slice(0, menuText.length - 2);
+	menuText += ".";
+	menu.innerHTML = menuText;
+}
 
 
 //5. Gin.
@@ -36,28 +57,57 @@ Next, create a function named valueMenu that will display your favorite items in
 }
 */
 
+function redFace() {
+	var pElement = document.getElementById("drink");
+	pElement.style.color = "red";
+	pElement.style.fontSize = "20px";
+}
+
 
 
 //6. Peanut Butter Cup Oreos
 /*Create a function `showPrice` that will add the price of `$5.55` inside the paragraph with the id `price` after hovering your mouse over the paragraph.*/
 
-
+function showPrice() {
+	price.innerHTML = "$5.55";
+}
 
 //7. Mr. Buttons
 /*Add an Event Listener to the button that will display `myQuote` inside the paragraph with the id of `displayQuote` after the button is clicked.*/
 
+Benjamin.addEventListener("click", showQuote);
+
 var myQuote = "Our lives are defined by opportunities; even the ones we miss.";
 
+function showQuote() {
+	displayQuote.innerHTML = myQuote;
+}
 
 
 //8. Say It again, Randomly
 /*Create a function that will generate a random quote from the variable below after clicking on the button.*/
 
 var quotes = ["It's a funny thing about comin' home. Looks the same, smells the same, feels the same. You'll realize what's changed is you.", "Momma? Momma? Some days, I feel different than the day before.", "Some people, were born to sit by a river. Some get struck by lightning. Some have an ear for music. Some are artists. Some swim. Some know buttons. Some know Shakespeare. Some are mothers. And some people, dance.", "For what it's worth, it's never too late to be whoever you want to be."];
 
+random.addEventListener("click", randomQuote);
 
+function randomQuote() {
+	var randomIndex = Math.floor(Math.random() * quotes.length);
+	displayQuotes.innerHTML = quotes[randomIndex];
+}
 
 
 //9. Unlock the Secret to Financial Freedom
 /*Create an event listener that will show and hide the message when clickig on the button.
 */
+
+showHide.addEventListener("click", display);
+
+function display() {
+	if (showmoney.style.display === "none") {
+		showmoney.style.display = "initial";
+	}
+	else {
+		showmoney.style.display = "none";
+	}
+}