My Quote Generator

So basically what I made is a random quote generator using HTML, CSS and JavaScript. The idea was pretty simple — I wanted a page where you click a button and it shows you a new inspirational quote every time.

For the design I went with a light blue background and a white card in the center that holds the quote. I used a ridge border on the card because I thought it looked kinda cool, and added a box shadow to give it some depth. The buttons are orange and turn red when you hover over them.

The way it works is I have two arrays — one for quotes and one for authors. When you click "Get New Quote" it picks a random index and pulls the matching quote and author from both arrays. I know I could have used objects to pair them together but honestly two separate arrays was easier for me to understand and it works fine.