title: Accessing fetched data outside the fetch() function scope without being returned a pending promise
body: <p>How would I go about accessing the fetched data from a fetch() function without being returned a <code>Promise {&lt;pending&gt;}</code>?</p>
  <pre><code>function GetWords() {
      fetch(&quot;https://random-word-api.herokuapp.com/word?number=100&quot;)
      .then(response =&gt; response.json()).then((word =&gt; {
      return word
   }));
  }
  
  async function LoadWords() {
      const words = await GetWords()
      return words
  }
  
  words = LoadWords()
  
  console.log(words);
  </code></pre>
  <p><code>console.log(words)</code> returns a <code>Promise {&lt;pending&gt;}</code> instead of the actual data which is expected to be an array of words</p>
  <p>Expected output example:</p>
  <p><code>['regelated', 'pneumatophores', 'uppers', 'hexachlorethane', 'veloutes', 'hove', 'locomotives', 'vitalist', 'reascending', 'claustrophobias']</code></p>
  <p>What can I change to have such output?</p>