title: I cant access variable from seperate file in my html
body: <p>I am trying to populate a <strong>dropdown</strong> box but I keep getting an <code>undefined</code> error for all currencies when i reference them.</p>
  
  <p>This code is given to me from a third party to accomplish the simple goal of populating a dropbox and editing a little text and i have no idea why the variable I need from the referenced <code>js</code> file is coming up <code>undefiened</code></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var allCurrencies = {
    "AED": "United Arab Emirates Dirham",
    "BTC": "Bitcoin",
    "CAD": "Canadian Dollar",
    "EUR": "Euro",
    "JPY": "Japanese Yen",
    "RUB": "Russian Ruble",
    "USD": "United States Dollar"
  };
  
  // Initial data for exchange rates
  var exchangeRates = {
    "disclaimer": "Usage subject to terms: https://openexchangerates.org/terms",
    "license": "https://openexchangerates.org/license",
    "timestamp": 1534107604,
    "base": "USD",
    "rates": {
      "BTC": 0.000157753542,
      "CAD": 1.316853,
      "EUR": 0.879353,
      "JPY": 110.46550427,
      "USD": 1,
    }
  };
  
  /* Your solution goes here */</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
     &lt;meta charset="UTF-8"&gt;
     &lt;title&gt;Currency Exchange&lt;/title&gt;
     &lt;script src="jquery-3.2.1.min.js"&gt;&lt;/script&gt;
     &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"/&gt;
     &lt;link href="style.css" rel="stylesheet"&gt;
     &lt;script src="currex.js" defer&gt;&lt;/script&gt;
     &lt;script&gt;
  
     &lt;/script&gt;
  &lt;/head&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am just looking for any starting point to help with this</p>