[upd] add com

src/App.vue

@@ -21,6 +21,7 @@ const elements = ref([
   "C",
 ]);
 
+// style des bouttons
 const parameter = ref({
   fontSize: "20px",
   padding: "20px",
@@ -28,7 +29,9 @@ const parameter = ref({
 });
 
 const show_result = ref(false);
+// affichage des valeurs sur l'écran
 const screen_value = ref("");
+// effectuer le calcul ou retourner une erreur
 const result = computed(() => {
   try {
     return evaluate(screen_value.value);
@@ -42,11 +45,16 @@ const result = computed(() => {
 function onClick(e: any) {
   show_result.value = true;
 
+  // ajout de la valeur du bouton (chiffres et opérateurs)
   if (!isNaN(e) || ["/", "*", "+", "-"].includes(e)) {
     screen_value.value += e;
-  } else if (e === "=") {
+  }
+  // affichage du résultat
+  else if (e === "=") {
     screen_value.value = result.value;
-  } else if (e === "C") {
+  }
+  // réinitialisation
+  else if (e === "C") {
     screen_value.value = "";
     show_result.value = false;
   }
@@ -57,10 +65,13 @@ function onClick(e: any) {
   <div>
     <div class="calculator">
       <div class="display" data-cy="screen_value">
+        <!-- affichage du résultat -->
         <div v-if="show_result">{{ screen_value }}</div>
+        <!-- affichage de la valeur par défaut -->
         <div v-else>{{ 0 }}</div>
       </div>
       <div>
+        <!-- création des buttons -->
         <button
           v-for="e in elements"
           :key="e"
@@ -73,6 +84,7 @@ function onClick(e: any) {
       </div>
     </div>
     <div>
+      <!-- affichage des règles -->
       <aside class="aside">
         <h1>Wellcome !</h1>
         <ul>