Claude m'a aidé tout au long du projet, mais la ca atteint des sommets. En meme temps, je suis en retard de fou !! Heuresuement quil explique mega bien sinon je ne comprendrais rien... et encore, je comprends deja assez peu les lignes que je rentre moi meme. trop de balises tuent les balises......

parcoursup-app/src/components/ligne-resultat.riot

@@ -1,20 +1,16 @@
 <ligne-resultat>
 
-
   <div class="ligne-resultat">
-
     <h3>{ props.formation.fil_lib_voe_acc } — { props.formation.g_ea_lib_vx }</h3>
     <p>{ props.formation.ville_etab } ({ props.formation.dep_lib })</p>
     <p>Taux d'accès : { props.formation.taux_acces_ens }%</p>
     <a href={ '#/formation/' + props.formation.cod_aff_form }>Voir le détail</a>
-
+    <button onclick={ ajouterComparateur }>+ Comparer</button>
   </div>
 
-
-
   <style>
 
-    .ligne-resultat 
+    .ligne-resultat
     {
       border: 1px solid #ccc;
       padding: 10px;
@@ -22,5 +18,28 @@
     }
 
   </style>
-  
+
+  <script>
+
+    export default
+    {
+      ajouterComparateur()
+      {
+        const saved = localStorage.getItem('comparateur')
+        const formations = saved ? JSON.parse(saved) : []
+
+        const dejaDedans = formations.some(f => f.cod_aff_form === this.props.formation.cod_aff_form)
+
+        if (!dejaDedans)
+        {
+          formations.push(this.props.formation)
+          localStorage.setItem('comparateur', JSON.stringify(formations))
+        }
+
+        window.location.hash = '#/comparateur'
+      }
+    }
+
+  </script>
+
 </ligne-resultat>