From 1129e921b3e3164d28b0746cf1100bb33ba98b9a Mon Sep 17 00:00:00 2001 From: shaghayeghfar <146011477+shaghayeghfar@users.noreply.github.com> Date: Mon, 10 Nov 2025 13:14:01 +0000 Subject: [PATCH] quotes-generator task --- Sprint-3/quote-generator/index.html | 29 ++++++++++++++------------ Sprint-3/quote-generator/jest.setup.js | 7 +++++++ Sprint-3/quote-generator/quotes.js | 18 ++++++++++++++++ 3 files changed, 41 insertions(+), 13 deletions(-) create mode 100644 Sprint-3/quote-generator/jest.setup.js diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..31d928e3e 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -1,15 +1,18 @@ - - - - Title here - - - -

hello there

-

-

- - - + + + + + Quote generator app + + + + +

Quote generator

+

+

+ + + + \ No newline at end of file diff --git a/Sprint-3/quote-generator/jest.setup.js b/Sprint-3/quote-generator/jest.setup.js new file mode 100644 index 000000000..5f5084c1c --- /dev/null +++ b/Sprint-3/quote-generator/jest.setup.js @@ -0,0 +1,7 @@ +// jest.setup.js + +const { TextDecoder, TextEncoder } = require("node:util"); +require("@testing-library/jest-dom"); + +global.TextDecoder = TextDecoder; +global.TextEncoder = TextEncoder; diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..374fd027b 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -491,3 +491,21 @@ const quotes = [ ]; // call pickFromArray with the quotes array to check you get a random quote + +// Grab elements +const quoteEl = document.getElementById("quote"); +const authorEl = document.getElementById("author"); +const newQuoteBtn = document.getElementById("new-quote"); + +// Function to show a random quote +function showRandomQuote() { + const randomQuote = pickFromArray(quotes); + quoteEl.innerText = randomQuote.quote; + authorEl.innerText = randomQuote.author; +} + +// Show a random quote when the page loads +window.addEventListener("load", showRandomQuote); + +// Change quote when button clicked +newQuoteBtn.addEventListener("click", showRandomQuote);