From 9f2228eb6f6647b2b3728d5951050eb0d55d8acc Mon Sep 17 00:00:00 2001 From: pathywang Date: Tue, 3 Mar 2026 14:59:46 +0000 Subject: [PATCH 1/8] change title --- Sprint-3/quote-generator/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..5f6a720f1 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -3,7 +3,7 @@ - Title here + Quote generator app From f5b1d94bd02fc564a6d9c6f7fefcf6ee33b978b0 Mon Sep 17 00:00:00 2001 From: pathywang Date: Thu, 5 Mar 2026 17:00:18 +0000 Subject: [PATCH 2/8] complete --- Sprint-3/quote-generator/quotes.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..64f612f69 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -491,3 +491,20 @@ const quotes = [ ]; // call pickFromArray with the quotes array to check you get a random quote + +console.log(pickFromArray(quotes)); + +const quoteElement = document.getElementById("quote"); +const authorElement = document.getElementById("author"); +const button = document.getElementById("new-quote"); + +function showQuote() { + const randomQuote = pickFromArray(quotes); + + quoteElement.textContent = randomQuote.quote; + authorElement.textContent =randomQuote.author; +} + +button.addEventListener("click", showQuote); + +showQuote(); \ No newline at end of file From d0298e0790a7ed39b3ac9afbdb54e204f701e882 Mon Sep 17 00:00:00 2001 From: pathywang Date: Wed, 18 Mar 2026 08:21:02 +0000 Subject: [PATCH 3/8] css complete --- Sprint-3/quote-generator/style.css | 33 ++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..67971f6f6 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,34 @@ /** Write your CSS in here **/ +body { + font-family: Arial, sans-serif; + background: #f4f4f4; + text-align: center; + padding: 50px; +} + +.container { + background: white; + padding: 20px; + border-radius: 10px; + display: inline-block; +} + +#quote { + font-size: 1.5em; + margin-bottom: 10px; +} + +#author { + font-style: italic; + margin-bottom: 20px; +} + +button { + padding: 10px 20px; + font-size: 1em; + cursor: pointer; +} + +.autoplay { + margin-top: 20px; +} \ No newline at end of file From 0f6dcef1f53bf7342e7da32aba8ce5345e9d2b65 Mon Sep 17 00:00:00 2001 From: pathywang Date: Wed, 18 Mar 2026 20:27:01 +0000 Subject: [PATCH 4/8] change style --- Sprint-3/quote-generator/index.html | 1 + Sprint-3/quote-generator/style.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 5f6a720f1..9a65b11ee 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -4,6 +4,7 @@ Quote generator app + diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 67971f6f6..73fabebca 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -7,7 +7,7 @@ body { } .container { - background: white; + background: blue; padding: 20px; border-radius: 10px; display: inline-block; From 3ee226f8c46d502983f6146eed33c55419f2b377 Mon Sep 17 00:00:00 2001 From: pathywang Date: Sat, 21 Mar 2026 14:06:44 +0000 Subject: [PATCH 5/8] correction --- Sprint-3/quote-generator/index.html | 1 + Sprint-3/quote-generator/style.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 9a65b11ee..384952c08 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -11,6 +11,7 @@

hello there

+

Test

diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 73fabebca..abbdebef4 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1,7 +1,7 @@ /** Write your CSS in here **/ body { font-family: Arial, sans-serif; - background: #f4f4f4; + background-color: purple; text-align: center; padding: 50px; } From 2913bc439e84beed37bc0b4bbeaa1fd6ac2fdad7 Mon Sep 17 00:00:00 2001 From: pathywang Date: Mon, 30 Mar 2026 10:23:46 +0100 Subject: [PATCH 6/8] correction --- Sprint-3/quote-generator/index.html | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 384952c08..f124fb12c 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -9,9 +9,11 @@

hello there

-

-

-

Test

- + +
+

+

+ +
From 3137c72e698d29e8c38e9ee17d28d9938cbe6817 Mon Sep 17 00:00:00 2001 From: pathywang Date: Mon, 30 Mar 2026 10:32:36 +0100 Subject: [PATCH 7/8] deletion --- Sprint-3/quote-generator/quotes.js | 1 - 1 file changed, 1 deletion(-) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 64f612f69..7ce801650 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -492,7 +492,6 @@ const quotes = [ // call pickFromArray with the quotes array to check you get a random quote -console.log(pickFromArray(quotes)); const quoteElement = document.getElementById("quote"); const authorElement = document.getElementById("author"); From 14c3b0324169cd4887be467dc79805c7b9fd66a3 Mon Sep 17 00:00:00 2001 From: pathywang Date: Mon, 30 Mar 2026 10:41:30 +0100 Subject: [PATCH 8/8] correction --- Sprint-3/quote-generator/quotes.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 7ce801650..d8d8b32eb 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -504,6 +504,9 @@ function showQuote() { authorElement.textContent =randomQuote.author; } -button.addEventListener("click", showQuote); +function setup() { + button.addEventListener("click", showQuote); + showQuote(); +} -showQuote(); \ No newline at end of file +window.addEventListener("load", setup); \ No newline at end of file