fetching advice randomly by utilizing API

Community feedback

• 

  Md5 dalton•1,430

  @md5daltonPosted about 2 years ago

  Hello..👋

  It's preferable to use the functionality provided by the API since you don't need to create your own logic unless you have a very specific reason to do so.

  Here are some of the drawbacks of writing your own logic in this case:

  • You don't know the total number of advice objects, so some of them that are out of the max value you provided will never be part of the results.

  function getRandomNumber(){
      return Math.floor(Math.random()*224+1);
  }
  

  • You are reinventing the wheel, of which is a waste of effort to work on code which you don't necessarily have to.

  1

  ---

  

  MX•290

  @xingxing-progPosted about 2 years ago

  @md5dalton well, I want I can get a random advice when I clicked the dice. But if I use their random advice, I couldn't get it immediately after I clicked the dice. I don't know whether I understood it well. Thanks for pointing out.

  0

  

  Md5 dalton•1,430

  @md5daltonPosted about 2 years ago

  @xingxing-prog That has to do with the browser caching the response. You can prevent that by passing additional options to fetch:

  const response = await fetch(url, { cache: "no-cache" })
  

  I forgot to mention that earlier.

  0

  

  MX•290

  @xingxing-progPosted about 2 years ago

  @md5dalton Thank you so much. I considered this option, but I don't know how to use it. I just took the course about http fetch. Thanks for pointing out. Can you give courses or projects or tips for mastering promise and async, I feel it's a very important topic. I learned some courses, but I still feel I am outsiders. Do you have any advice about learning CSS, I feel the intermediate to advance is kind of difficult. I wish I had learnt some design courses. Thank you.

  0

  

  Md5 dalton•1,430

  @md5daltonPosted about 2 years ago

  @xingxing-prog you're welcome. I noticed you've implemented it👌

  Here are some resources if you want to check them out:

  An interactive course from FreeCodeCamp for basic CSS:

  • Basic Css

  Youtube videos from Traversy Media:

  CSS

  • CSS Crash Course For Absolute Beginners

  Javascript

  • Async JS Crash Course - Callbacks, Promises, Async Await
  • Fetch API Introduction

  0

  

  MX•290

  @xingxing-progPosted about 2 years ago

  @md5dalton Yes, I did. I agree to your opinion(using the API method unless if it's must add some other functions) totally. Because I have considered if the advices' number is very huge, moreover, less codes less mistakes and higher speed. Thanks for your advice and resource.

  0