quote-gen | Complex api app using a quote generator | REST library

Hi I want to use the RandomQuoteGenerator Script and I found one on stackoverflow but I want it to not repeat the quotes, I found a solution here but it is not working for me. I am getting undefined error when clicking on the button. The original script provided in the above link is working fine but if I change the function as mentioned in the above link, I am getting undefined messages instead of quotes.

My Generator.js

Any help would be greatly appreciated, I've built out a simple quote generator project in React and would like the new quote to load without rendering the entire page. Currently, im using hooks and the quotes state resides in one component is it possible to reload/refresh state from another component using a click handler?

Project link: https://codesandbox.io/s/quote-generator-czffn?file=/src/components/buttons/Buttons.js

How it's currently reloading, using a refreshPage function. Thanks!

I'm having an issue with the Bootstrap 4 carousel. It's actually working the way it should, except that the previous/next icons will not show. I've looked up/tried the following:

-glyphicons are no longer supported

-tried putting controls inside div "carousel-inner"

-tried applying z-index to controls

-tried changing image sizes and icon colors in CSS

My code looks just like the Bootstrap docs and all the examples I've looked up. Please help! Thanks in advance.

page as it currently appears (obviously not even close to done) https://cdn.rawgit.com/Cookrp924/My-Portfolio/9c48827b/Job%20Portfolio.html

the code in question:

I'm new to Javascript and I followed a tutorial to create a random quote generator: https://medium.freecodecamp.org/creating-a-bare-bones-quote-generator-with-javascript-and-html-for-absolute-beginners-5264e1725f08

However, my New Quote button doesn't display quotes when you click the button. Nothing happens.

I think the problem is that I'm not correctly referencing to the javascript.js file which has the array of quotes. index.html and javascript.js are in the same level in one folder, and I moved the javascript function newQuote() to my HTML file for simplicity.

index.html:

When clicking to get a new quote, colors change for all the page, including the button. However, if the user keep the mouse on the button (hovering it), the color won't change. Messing up the entire design.

Do you know how I could fix that?

I've been working my random quote generator project and I want to achieve the effect that when I touch the button on mobile device the background color become semi-transparent. here is my code. there is a button id="loadQuote"

Problem- I have an API that displays a random quote once the page loads. My button(div) called "newQuote" doesn't generate a new quote, instead, it displays the exact same quote, making my button useless.

My code can be found on GitHub here SO- I have a javascript function, called getNewQuote() that runs when my page loads. This function grabs a quote and author from an API (https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1), and appends it to my div with the class quoteTitle and quoteDisplay.