## Calculator App

const type = "Persoonlijk Project" ;

const year = "2025" ;

const repo = " https://github.com/N-Chidiac/Calculator " ;

### Opdracht in één zin

> Een volledig werkende, mooie calculator bouwen met alleen HTML, CSS en vanilla JavaScript – puur om te bewijzen dat ik de basis van JavaScript écht onder de knie heb.

### Wat ik precies moest doen

// after-school project

Van 0 tot een calculator die alle basisbewerkingen doet (+ − × ÷), decimale getallen, clear (C), delete laatste cijfer (←) en een werkende punt-knop.

### Mijn aanpak & keuzes

// structuur & logica

const structure = [

"Drie variabelen: currentOperand, previousOperand, operation",

"Elke knop heeft een data- attribute (data-number, data-operation, data-delete, …) → super schoon in de JS",

"Display update via een updateDisplay() functie die elke keer opnieuw wordt aangeroepen",

"CSS grid voor het keypad (exact zoals een echte calculator)",

"Subtiele hover/shadow animaties zodat het niet plat aanvoelt"

];

> Donkere modus-stijl (want ik code altijd in dark mode).

### Geleerd & trots op

const learnings = [

"Voor het eerst zelf een volledige state machine bouwen zonder ergens op te kijken",

"Event delegation onder de knie gekregen (één listener op de hele grid)",

"Fouten afvangen: delen door 0 → 'Error', te lange getallen → netjes afkappen",

"Clean code: geen enkele onnodige comment, alles spreekt voor zich dankzij goede namen"

];

// performance Trots op hoe smooth het werkt – voelt als een echte app terwijl het < 10 KB is.

### Extraatje

> Dit was mijn "yes, ik kan het echt"-project. Elke keer als ik op "=" druk en het juiste antwoord verschijnt, weet ik weer waarom ik dit zo graag doe.

> "Soms heb je gewoon een projectje nodig dat meteen werkt – dit is dat project."