Sheffield | 26-ITP-jan | Richard Frimpong | Sprint 3 | quote generator

[Richiealx]

Learners, PR Template

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• My changes meet the requirements of the task
• I have tested my changes
• My changes follow the style guide

Changelist

This PR implements the Sprint 3 Quote Generator app.

The application displays a random quote and its author when the page loads. It also includes a "New Quote" button that allows users to generate a different random quote each time it is clicked.

To meet the task requirements, I used the provided quotes.js file and the pickFromArray function to select quotes randomly. I implemented DOM manipulation in script.js to update both the quote and author dynamically on the page.

I also added logic to ensure that the same quote is not displayed twice in a row when the button is clicked multiple times.

In addition, I structured the HTML for clarity, styled the application using CSS for a clean and accessible layout, and ensured all IDs and elements are correctly connected to the JavaScript functionality.

The application was tested in the browser to confirm:

• A quote and author display on page load
• The button updates both the quote and author
• Quotes do not repeat consecutively
• No console errors are present

I attempted to run npm test, but Jest is not available in the current local setup (jest: not found). However, the application functions correctly and meets all acceptance criteria when tested manually in the browser.

Questions

No questions at this time.