Skip to content
Submitted about 2 years ago

Advice Generator App using Advice Slip API

rushinstuffin•380
@kyle-barry-apps
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Advice generator app
  • HTML
  • CSS
  • JS
  • API
2junior

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
    @juancaorgPosted 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
    2
    rushinstuffin•380
    @kyle-barry-appsPosted about 2 years ago

    @juancaorg Awesome, thanks!

    1

Please log in to post a comment

Log in with GitHub

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