title: Uncaught (in promise) ReferenceError: Cannot access 'USER_REPOS_API_URL' before initialization
body: <p>I get this error, then I'm trying to get data from GitHub. Can't find a solution. I am new to Javascript syntax and don't know many things.</p>
  <p>HTML  file:</p>
  <pre><code>&lt;form onSubmit=&quot;getData(event)&quot;&gt;
      &lt;input type=&quot;text&quot; name=&quot;username&quot;&gt;
      &lt;button&gt;Get data&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  <p>Scripts file:</p>
  <pre><code>getData = async (event) =&gt; {
      event.preventDefault()
      var username = event.target.elements.username.value;
      if (username === '') {
          alert('U typed nothing')
      } else {
          const USER_API_URL = await fetch(`https://api.github.com/users/${username}`);
          const USER_REPOS_API_URL = await fetch(`https://api.github.com/users/${username}/repos`)   
          .then(async (res) =&gt; {
              resStatus = res.status
              if (resStatus === 200) {
                  const userData = await USER_API_URL.json();
                  const userRepos = await USER_REPOS_API_URL.json();
                  dataContainer = document.querySelector('.data');
                  dataContainer.innerHTML = '&lt;div&gt;Username: ' + userData.login + '&lt;/div&gt;' + '&lt;div&gt;Name: ' + userData.name + '&lt;/div&gt;' + '&lt;div&gt;Followers: ' + userData.followers + '&lt;/div&gt;'
                  if (userRepos) {
                      dataContainer.innerHTML += '&lt;ul&gt;&lt;/ul&gt;'
                      userRepos.forEach(function(repo) {
                          document.querySelector('ul').innerHTML += '&lt;li&gt;' + repo.full_name + '&lt;/li&gt;'
                      })
                  }
              }
              if (resStatus === 404) {
                  alert('Wrong username')
              }
          })
      }
  }
  </code></pre>