title: JavaScript function Import not working
body: <p>I am trying to import a function from a separate .js file. When I declare the import command the page is not executing the code. But when I delete the import command and execute a simple alert('Hello'), that thing is popping up on the page.</p>
  
  <p>PROJECT STRUCTURE <br>
  --Todo-app <br>
  ----js <br>
  ------two.js <br>
  ------main.js <br>
  ----index.html</p>
  
  <p>Index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script src="js/main.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>two.js</p>
  
  <pre><code>export function one() {
      return 1 + 1;
  }
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>import { one } from 'two';
  alert(one());
  </code></pre>