06_react/uebungen/u02-03_mathfn-modul/assets/js/main.js

@@ -1,4 +1,13 @@
-import { add, subtract } from './math';
+import { add, subtract, divide, multiply } from './math';
+
+import Helper from './math';
 
 console.log(add(1, 2)); // => 3;
 console.log(subtract(3, 2)); //=> 1
+console.log(divide(6, 3)); //=> 2
+console.log(multiply(3, 2)); //=> 6
+
+console.log(Helper.add(1, 2)); // => 3;
+console.log(Helper.subtract(3, 2)); //=> 1
+console.log(Helper.divide(6, 3)); //=> 2
+console.log(Helper.multiply(3, 2)); //=> 6

06_react/uebungen/u02-03_mathfn-modul/assets/js/math.js

@@ -7,7 +7,14 @@ export const subtract = (a, b) => a - b;
 // Übung 2: Mathfunktionen als Modul
 
 // Programmiere zwei weitere Module, die jeweils eine Funktion multiply und divide enthalten. Importiere die Funktionen in der main.js-Datei und führe sie aus.
+export const multiply = (a, b) => a * b;
+export const divide = (a, b) => a / b;
 
 // Übung 3: Exportieren Funktionen als Objekt
 
 // Anstatt die Funktionen add, subtract, multiply und divide benannt zu exportieren, exportiere sie als Standard-Export in einem Objekt. Importiere das Objekt in der main.js-Datei und führe die Funktionen aus.
+
+export default { add, subtract, multiply, divide };
+
+// commonjs
+// module.exports = { add, subtract, multiply, divide };

06_react/uebungen/u02-03_mathfn-modul/package.json

@@ -4,15 +4,17 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "dev": "npx esbuild assets/js/main.js --bundle --watch --sourcemap --outfile=dist/bundle.js",
-    "server": "npx http-server -c-1 -p 3000"
+    "js": "npx esbuild assets/js/main.js --bundle --watch --sourcemap --outfile=dist/bundle.js",
+    "server": "npx http-server -c-1 -p 3000",
+    "dev": "run-p js server"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "type": "module",
   "devDependencies": {
-    "esbuild": "^0.27.0",
-    "http-server": "^14.1.1"
+    "esbuild": "^0.28.2",
+    "http-server": "^14.1.1",
+    "npm-run-all": "^4.1.5"
   }
 }