Exportation groupée

Dans notre fichier à exporter, nous allons exporter les propriétés en une seule fois.

Nous ajoutons une méthode setStep qui permettra d'avoir accès en modification à la variable step de notre module.

Méthodejs/modules/compteur.js

1
let nb = 0;
2
let step = 1;
3
4
const setStep = (val) => {
5
  step = val;
6
};
7
8
const increment = () => {
9
  nb += step;
10
  return nb;
11
};
12
13
const decrement = () => {
14
  nb -= step;
15
  return nb;
16
};
17
18
export { increment, decrement, nb, setStep };
setStep : permet de modifier step à partir de notre import via une méthode.
export { ... } : permet d'exporter la liste de nos propriétés.
Méthodejs/app.js
1
import { increment, decrement, nb, setStep } from "./modules/compteur.js";
2
3
const compteur = document.querySelector("#compteur");
4
5
setStep(2);
6
7
compteur.textContent = nb;
8
9
document
10
  .querySelector("#increment")
11
  .addEventListener("click", () => compteur.textContent = increment());
12
13
document
14
  .querySelector("#decrement")
15
  .addEventListener("click", () => compteur.textContent = decrement());
16
17
setStep(2) : permet de modifier le step de notre compteur.