Étape 1 : Initialisation de la Calculatrice

Bienvenue dans ce nouveau projet ! Nous allons créer une Calculatrice Moderne avec un design esthétique “Matrix” (Vert et Vert Sombre).

1. Création des fichiers

Créez un nouveau dossier nommé calculator-app (ou le nom de votre choix). À l’intérieur, créez les trois fichiers standards :

1. index.html
2. style.css
3. script.js

2. Structure HTML de base

Ouvrez index.html et insérez le squelette habituel.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>GreenCalc Pro</title>
        <!-- Police 'Roboto Mono' pour un look technologique/code -->
        <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <!-- Notre application ira ici -->

        <script src="script.js"></script>
    </body>
</html>

Nous utilisons la police Roboto Mono pour donner un style “terminal” ou “scientifique” qui colle bien avec notre thème vert numérique.