Submitted over 2 years ago

Advice generator app using SvelteKit

Kiyoomi• 480

@Jukiyoomi

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Advice generator app

HTML
CSS
JS
API

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hey ! I have a little problem with my code. I can't get another advice when I click on the button. I can either get the same advice from the API (I can see it because the loading animation is replayed), or nothing happens at all. Anyone know how I can get another response without reloading the page?

Community feedback

Kyle• 30

@YourFavoriteKyle

Posted over 2 years ago

For Svelte, I would recommend using Svelte stores to pass around the advice response.

Import getQuote into your Card.svelte component, and when you call it, set the store value to the response.

From there, you can reference the stores values in your Title and Quote components parameters. You can check out my repo if you need to.

https://github.com/YourFavoriteKyle/advice-generator-app-main

I hope this helps!

Kiyoomi• 480

@Jukiyoomi

Posted over 2 years ago

@YourFavoriteKyle Thank you for your response, I will try your idea.

Nikesh Naik• 270

@nikeshnaik

Posted over 2 years ago

I have done this challenge, check it out. But don't copy-paste it. Try to learn why it is not working. Also, check APIs, there are different types of requests.

https://github.com/nikeshnaik/advice-generator-app-main/blob/master/index.js

Please log in to post a comment

Join our Discord community

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