Skip to content
OverviewSolutions
8
Comments
8

Héctor Martin Dama

@HectorMartinDamaMadrid240 points

Higher Technician in Multi-platform Applications Development

Latest solutions

View more solutions

Latest comments

  • Héctor Martin Dama•240
    @HectorMartinDama

    Hello @Joshdesign the desing is very similiar to the original and the mobile version is very good. The media querys are correct. To be your first proyect in frontendmentor is great.

    Marked as helpful
  • Héctor Martin Dama•240
    @HectorMartinDama

    Hello @alexgabriel8, in your request to the api use this:

     fetch('https://api.adviceslip.com/advice/' + Math.floor(Math.random() * 200))

    The random number is because if you do not indicate a specific advice, it does not work correctly, in your project change the advice when you click in the button five times

    Marked as helpful
  • Héctor Martin Dama•240
    @HectorMartinDama

    Hello @Lohuama, change the property "src" for this:

    src="./images/image-qr-code.png"

    You are missing the point, this indicates the main folder of the project.

  • Héctor Martin Dama•240
    @HectorMartinDama

    Hello @CrypticMango, your file js is good but I would change the api request into a function. That way you don't need to reload the page every time you click the button.

    File js

    function getApi(){
    fetch('https://api.adviceslip.com/advice/' + Math.floor(Math.random() * 200))
    .then(res => res.json())
    .then(res =>  {
        document.getElementById("phrase").innerHTML= '"' + res.slip.advice + '"'
        document.getElementById("id").innerHTML= 'ADVICE #'+ res.slip.id
    })
    .catch(err => console.log(err))
}

    The random number is because if you do not indicate a specific advice, it does not work correctly.

    index.html

    <button onclick="getApi()"></button>

    Call the function in the button

    For the rest it is perfect.

    GitHub Repo Page preview

    Marked as helpful
  • Héctor Martin Dama•240
    @HectorMartinDama

    Any feedback is welcome.

    Cualquier feedback es bienvenido.

  • Héctor Martin Dama•240
    @HectorMartinDama

    Perfect 🤗

View more comments