Merge pull request #89 from sabin-khatri/sabin

devsdenepal · web-flow · commit bdabc6effe65 · 2025-10-30T14:39:20.000+05:45
modules example in js
diff --git a/js/hacktoberfest2025/Modules/main.html b/js/hacktoberfest2025/Modules/main.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>JS Modules </title>
+  <script type="module" src="main.js"></script>
+  <style>
+    body { font-family: Arial;
+         padding: 20px;
+          background: #f4f4f4; 
+        }
+    .box { max-width: 500px; 
+        margin: auto;
+         background: white; 
+         padding: 20px; 
+         border-radius: 10px;
+         }
+    pre { background: #eee; 
+        padding: 10px;
+         border-radius: 5px;
+         }
+  </style>
+</head>
+<body>
+  <div class="box">
+    <h2>JS Modules – import/export</h2>
+    <p>Open console to see output!</p>
+    <pre id="output"></pre>
+  </div>
+</body>
+</html>
diff --git a/js/hacktoberfest2025/Modules/main.js b/js/hacktoberfest2025/Modules/main.js
@@ -0,0 +1,24 @@
+// Modules/main.js
+
+import multiply, { add, subtract, PI } from './math.js';
+import sayHello, { admin, Person } from './user.js';
+
+// Use math
+console.log("5 + 3 =", add(5, 3));           
+console.log("10 - 4 =", subtract(10, 4));   
+console.log("5 * 3 =", multiply(5, 3));     
+console.log("PI =", PI);
+
+// Use user
+admin.login();                             
+sayHello();                                 
+
+const sabin = new Person("Sabin Pro");
+sabin.greet();                              
+
+// Show in HTML
+document.getElementById('output').textContent = `
+add(5,3) = ${add(5,3)}
+multiply(5,3) = ${multiply(5,3)}
+Person: ${sabin.name}
+`.trim();
diff --git a/js/hacktoberfest2025/Modules/math.js b/js/hacktoberfest2025/Modules/math.js
@@ -0,0 +1,15 @@
+// Modules/math.js
+
+export function add(a, b) {
+  return a + b;
+}
+
+export function subtract(a, b) {
+  return a - b;
+}
+
+export const PI = 3.14;
+
+export default function multiply(a, b) {
+  return a * b;
+}
diff --git a/js/hacktoberfest2025/Modules/user.js b/js/hacktoberfest2025/Modules/user.js
@@ -0,0 +1,24 @@
+// Modules/user.js
+
+
+export const admin = {
+  name: "Sabin",
+  role: "Admin",
+  login() {
+    console.log(`${this.name} logged in!`);
+  }
+};
+
+export class Person {
+  constructor(name) {
+    this.name = name;
+  }
+  greet() {
+    console.log(`Hi, I'm ${this.name}`);
+  }
+}
+
+// Default export
+export default function sayHello() {
+  console.log("Hello from default export!");
+}
