ES6 Modules hukuwezesha kugawanya JavaScript code kwenye files tofauti, kufanya code iwe readable, reusable na maintainable. Hii ni muhimu kwa projects kubwa.

✅ A. HTML Setup

Faulink ES6 Modules Example

✅ B. Create JS Module
file: mathUtils.js
// Named export
export function add(a, b) {
return a + b;
}

export function multiply(a, b) {
return a * b;
}

✅ C. Import Module in Main JS
file: main.js
import { add, multiply } from './mathUtils.js';

const sum = add(5, 10);
const product = multiply(5, 10);

console.log('Sum:', sum); // 15
console.log('Product:', product); // 50

✅ D. Default Export Example
file: greet.js
export default function greet(name) {
return `Hello, ${name}!`;
}

file: main.js (continue)
import greet from './greet.js';

console.log(greet('Faulink')); // Hello, Faulink!

✅ Jinsi Inavyofanya Kazi

export → inatoa function, variable au class kutoka module

import → inachukua code kutoka module nyingine

type="module" → inaruhusu ES6 imports kwenye HTML

Code inakuwa organized, reusable na easy to maintain

🔗 Links Za Kujifunza Zaidi

🌐 Faulink Official Website:
https://www.faulink.com/

📘 Jifunze Web Design & Programming (Tutorials / Mifumo):
https://www.faulink.com/excel_mifumo.php

📲 WhatsApp Msaada:
https://wa.me/255693118509