Formation BCPK - Self Made Clicker game
  • JavaScript 63.9%
  • CSS 29%
  • HTML 7.1%
Find a file
2026-05-14 21:32:56 +02:00
.vscode project added 2026-01-22 14:08:14 +01:00
assets/icons backgorund revamp, various bug fix, started the save system, added poppup function 2026-01-26 11:01:57 +01:00
index.html added save system 2026-01-26 17:01:50 +01:00
README.md fix: edited readme.md 2026-05-14 21:32:56 +02:00
script.js remade commentary for presentation purposes 2026-01-27 13:28:46 +01:00
style.css added save system 2026-01-26 17:01:50 +01:00

Un exo ou on doit faire un clicker et on fait ce qu'on veut avec. On avait qu'un jours pour faire ca, et naturelement pas d'ia.

Zé tout fé a la main :3 (sauf le readme flemme)

J'poste ça ici parce que c'est golri

🖱️ Clicker Game | [Exercice Formation]

Projet de formation : Introduction à la manipulation du DOM en JavaScript pur.

Ce dépôt contient un projet de jeu incrémental (Clicker) conçu pour pratiquer les bases du développement Web. Il s'agit de l'un de nos premiers projets réalisés en autonomie pour comprendre l'interaction entre le script et l'interface utilisateur.


🚀 Fonctionnalités principales

Le jeu intègre les mécaniques fondamentales d'un "Idle Game" :

  • Système d'Améliorations (Upgrades) : Multiplicateurs de clics et automatisation des gains.
  • Succès (Achievements) : Système de récompenses basé sur des paliers de progression.
  • Statistiques en temps réel : Suivi précis des performances et du score global.
  • Sauvegarde de l'etat : Sauvegarde dans localstorage

🛠️ Concepts Techniques Abordés

L'objectif principal était de manipuler le DOM (Document Object Model) sans bibliothèques externes (Vanilla JS) :

  1. Sélection d'éléments : Utilisation de querySelector et getElementById.
  2. Gestion d'événements : Mise en place d'écouteurs (addEventListener) pour les interactions.
  3. Mise à jour dynamique : Modification du contenu HTML et des styles en fonction de l'état du jeu.