Submitted about 2 years ago

Advice Generator App using Advice Slip API

rushinstuffin• 380

@kyle-barry-apps

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

This was a fun and quick one. The only question I have:

How would you add curly quotes to the beginning and end of the generated advice?

I tried using the html character encoding, but it didn't seem to work. Thanks!

Community feedback

Juanca• 220

@juancaorg

Posted about 2 years ago

Hi 👋,

Great job on your solution!

To add curly quotes to the generated advice, you could use the <q> element instead of the <h1> that you are currently using.

Then, instead of modifying the innerText, you could try textContent for changing the text for your quote, without any additional curly quotes, only the fetched advice.

Hope this feedback helps.

Marked as helpful

rushinstuffin• 380

@kyle-barry-apps

Posted about 2 years ago

@juancaorg Awesome, thanks!

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