Random Quote Generator

This is a simple web application that displays a random quote and allows users to generate a new one with a click of a button.

Features:

• Displays a random inspirational quote from a pre-defined list.
• Provides a button to generate a new random quote.
• Clean and user-friendly interface.

How to Use:

1. Open the index.html file in your web browser.
2. Click the "New Quote" button to generate a random quote.

Code Breakdown:

HTML (index.html):

• Defines the basic structure of the web page.
• Creates a container element with a heading, a blockquote for displaying the quote, and a button for generating a new quote.
• Links to the CSS and JavaScript files.

CSS (quote-generator.css):

• Styles the various elements of the web page, including fonts, colors, layout, and button appearance.

JavaScript (quote-generator.js):

• Defines an array of inspirational quotes.
• Retrieves references to the HTML elements for displaying the quote and the button.
• Implements functionality for the "New Quote" button:
• Generates a random index within the quotes array.
• Selects the quote at the random index.
• Updates the content of the blockquote element with the selected quote.

Customization:

1. You can modify the quotes array in quote-generator.js to include your own favorite quotes.
2. The CSS can be further customized to personalize the look and feel of the application.

Snippets

Author:

Tanmay_Shinde|AlphaNOVA23