From 819642e19863a7c71fb7d54bb825d3d2658d503a Mon Sep 17 00:00:00 2001 From: TarasMykytiuk Date: Wed, 16 Jul 2025 00:50:36 +0300 Subject: [PATCH 1/2] sprint_3 quote generator app --- Sprint-3/quote-generator/index.html | 29 ++++++++++++++++------------- Sprint-3/quote-generator/quotes.js | 17 ++++++++++++++++- 2 files changed, 32 insertions(+), 14 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..3c26601a6 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 + + + + +

hello there

+

+

+ + + + \ No newline at end of file diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..29ef32155 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -1,3 +1,18 @@ +function getRandomQuote() { + let quoteDom = document.getElementById("quote"); + let authorDom = document.getElementById("author"); + let randomEntry = pickFromArray(quotes); + let quote = randomEntry.quote; + let author = randomEntry.author; + quoteDom.textContent = quote; + authorDom.textContent = author; +} + +let newQuoteButton = document.getElementById("new-quote"); +newQuoteButton.addEventListener("click", () => { + getRandomQuote(); +}); + // DO NOT EDIT BELOW HERE // pickFromArray is a function which will return one item, at @@ -490,4 +505,4 @@ const quotes = [ }, ]; -// call pickFromArray with the quotes array to check you get a random quote +// call pickFromArray with the quotes array to check you get a random quote \ No newline at end of file From cd2c85cdb647e06524381228e5cfe2b8d91d0b29 Mon Sep 17 00:00:00 2001 From: TarasMykytiuk Date: Fri, 18 Jul 2025 00:37:40 +0300 Subject: [PATCH 2/2] sprint_3 quote_generator - quote present after page loaded first time --- Sprint-3/quote-generator/quotes.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 29ef32155..89885aed9 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -7,7 +7,11 @@ function getRandomQuote() { quoteDom.textContent = quote; authorDom.textContent = author; } - +// add quote when page loaded first time +document.addEventListener('DOMContentLoaded', function () { + getRandomQuote(); +}); +// add event to button for changing quotes let newQuoteButton = document.getElementById("new-quote"); newQuoteButton.addEventListener("click", () => { getRandomQuote();