I had two issues with this app (by the way, this was my first time working with third party APIs). I used https://api.adviceslip.com/ to generate the advice. Any help with these two questions would be amazing. Thanks!
The icon (used to click and generate advice) seems to go inactive for a period of time while the data is being fetched. If I click the button twice in a row within a certain timeframe, the second click does nothing. Maybe this is normal because it takes some time to generate the data.
For some reason, Firefox is giving me issues fetching data when clicking the icon. All other browsers work fine. Firefox will fetch the data and display it on startup. It will also fetch and work perfectly when I have the developer tools open. When I close the developer tools, the icon click no longer works, and I can't figure out why.
Thanks for any help!
@fokjul
Posted
In my case it worked in Firefox only when cache was disabled on the Network tab (the inspector should be open). To make it work in Firefox, I have added {cache: "no-cache"}. As a result the code is: fetch('https://api.adviceslip.com/advice', {cache: "no-cache"})).
Marked as helpful
@jacksonwhiting
Posted
@fokjul Thank you for the help!
@purrrplelipton
Posted
on the API's site i.e., api.adviceslip.com, it's said on there that sending multiple requests within 2 seconds will return the same advice as the firstly generated one is cached, so you have to wait 2s before clicking again will generate a different slip.
Marked as helpful
@jacksonwhiting
Posted
@purrrplelipton Thank you for the help! I see that now and adjusted my fetch request.
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
