All comments

• 

  Ruan Mesquita• 70

  @RuHd

  Submitted over 1 year ago

  This app is designed to retrieve a random advices from a API called ADVICE SLIP JSON API (https://api.adviceslip.com). This challenge was much easier than the previous one ( the age calculator), and I thought it'd be tougher because of the API. I used the fetch() method to make the request from the URL and convert the json to a actual JS object. It's always fun to work with API. Hope you all enjoy it!

  My question is: is fetch() the best method to work with APIs? either for vanilla and ReactJs?

  

  Flexbox, HTML5, keyframe, fetch API

  1

  40

  

  Omran kabo• 200

  @Omrankabo

  Posted over 1 year ago

  i appreciate the hard work you did in this challenge , all the work you did. but why there is nothing showing when the page first loaded . you can set an event listener to the window to display a random advice when the page loads.

  window.addEventListener("DOMContentLoaded", function () {
  advice_number.textContent = data.id;
  advice_description.textContent = data.advice;
  
  });
  

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Zozobrack• 150

  @Zozobrack

  Submitted over 1 year ago

  Nice challenge! i liked to use this API

  

  Advice generator challenge

  2

  20

  

  Omran kabo• 200

  @Omrankabo

  Posted over 1 year ago

  i appreciate the hard work you did in this challenge , all the work you did. but why there is nothing showing when the page first loaded . you can set an event listener to the window to display a random advice when the page loads. and you can add some css hovers to make it look fancy

  window.addEventListener("DOMContentLoaded", function () {
  advice_number.textContent = data.id;
  advice_description.textContent = data.advice;
  
  });
  

  1

  This comment has received 1 replyShow