Submitted over 2 years ago

Advice generator app HTML CSS Js Mobile-flow first

#accessibility#fetch#lighthouse#sass/scss

PhoenixDev22•16,950

@PhoenixDev22

Preview site View code

This is a solution for...Advice generator app

HTML
CSS
JS
API

2junior

Design comparison

SolutionDesign

Solution retrospective

Hello community,

I have completed another frontend mentor challenge. In this solution , I have used fetch method with the async and await keywords.

I'd appreciate any comments for improvements, anything I've missed in JavaScript or the way I used the functions .

Thank you in advance.

Community feedback

Account deleted
Okay! I thought something else 🤣
1
Account deleted
🤚🏼 Phoenix, Doing well, huh?

Added some good animations. That's creative of you. Could you help me with my code a bit. It is working but when I'm double pressing the button besides I added the click event listener on the button.

That's weird🤔
1
PhoenixDev22•16,950
@PhoenixDev22Posted over 2 years ago
Hello Shivam Singh,

Sorry for the late reply.

First of all , I appreciate your feedback.

For your question, if you try and click fast enough , it technically doesn’t change the advice. According to api documentation, That’s because the advise is cached for 2seconds . Any repeat request will return the same piece of advice. It’s not because your application is broken.

For that, I have disabled the button after the first click for two seconds.

Hopefully this helps .
2

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