Notre Exemple

Notre exemple est un script qui permet de modifier un compteur en cliquant sur un bouton - et un bouton +.

Exemple JS

Méthodeindex.html

1
<span id='compteur'></span>
2
3
<button id='decrement'>-</button>
4
<button id='increment'>+</button>
5
6
<script src='js/app.js'></script>
Méthodejs/app.js
1
let nb = 0;
2
let step = 1;
3
const compteur = document.querySelector("#compteur");
4
5
const increment = () => {
6
  nb += step;
7
  return nb;
8
};
9
10
const decrement = () => {
11
  nb -= step;
12
  return nb;
13
};
14
15
compteur.textContent = nb;
16
17
document
18
  .querySelector("#increment")
19
  .addEventListener("click", () => compteur.textContent = increment());
20
21
document
22
  .querySelector("#decrement")
23
  .addEventListener("click", () => compteur.textContent = decrement());
24
Dans votre console, vous avez accès à nb et step. Vous pouvez les modifier et visualiser les changements sur notre compteur.