@Adel-Harrat
Posted
Hello and congratulations on completing this challenge! 🎉
Great job on creating a UI that is pretty identical. It seems you have encountered a small bug where clicking on the dice button does not fetch new advice. This issue is due to the server and not your code.
To fix this problem, you can modify the API fetch request. Instead of using:
// Fetching the random advice data
fetch("https://api.adviceslip.com/advice")
You can use the following code:
// Fetching the random advice data
fetch(`https://api.adviceslip.com/advice?t=${Math.random()}`)
By appending ?t=${Math.random()} to the API URL, you add a random query parameter, which helps bypass any caching mechanisms on the server side. This ensures that each request is treated as unique, and you receive new advice every time you click the dice button.
I hope this helps! Let me know if you have any further questions. 👋
Marked as helpful
@dscorzoni
Posted
Hi @Adel-Harrat , thanks for the advice! For some reason, it's working for me when I access directly from github pages: https://dscorzoni.github.io/project-advice-generator/. When I click the dice button, it's always showing me a random advice.
By the specification of API, the endpoint https://api.adviceslip.com/advice should return a random advice, so I'm not sure why it's not changing for you.
Thanks!
@Adel-Harrat
Posted
@dscorzoni because the server caches the advice !
Marked as helpful
