demystifying-modules

Author: ismaildasci

basics/demystifying-modules.js

@@ -0,0 +1,8 @@
+'use strict';
+
+import { users, currentUser } from './users.js';
+
+import helper from './helper.js';
+
+const userEmails = users.map(user => user.email);
+document.getElementById('output').innerHTML = helper(userEmails).join(', ');

basics/helper.js

@@ -0,0 +1,3 @@
+export default (arr) => {
+  return arr.map(item => item.toUpperCase());
+}

basics/users.js

@@ -0,0 +1,20 @@
+const users = [
+{
+'name': 'Andre',
+'email': 'andre@mail'
+},
+
+{
+'name': 'ashley',
+'email': 'ashley@mail'
+},
+
+{
+'name': 'dennis',
+'email': 'dennis@mail'
+}
+];
+
+let currentUser = 2;
+
+export { users, currentUser };

index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Javascript</title>
 
-    <script src="basics/declarative-methods.js" defer></script>
+    <script type="module" src="basics/demystifying-modules.js" defer></script>
 
 </head>