favicon

index.html

@@ -7,7 +7,7 @@
         <title>Chatβeta*</title>
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0&amp;icon_names=mic,send,text_to_speech,volume_mute,volume_up&amp;display=block">
-        <link rel="icon" type="image/svg+xml" href="cat.svg">
+        <link id="favicon" rel="icon" type="image/svg+xml" href="cat.svg">
         <link rel="apple-touch-icon" sizes="240x240" href="thumbnail.png" />
         <meta name="apple-mobile-web-app-title" content="Chatβeta*" />
         <meta property="og:title" content="😸 Chatβeta*" />
@@ -155,6 +155,7 @@ const bouton_fermer = document.getElementById('bouton_fermer');
 const bouton_annuler = document.getElementById('bouton_annuler');
 const bouton_ok = document.getElementById('bouton_ok');
 const footer = document.querySelector('footer');
+const favicon = document.getElementById('favicon');
 const langue = document.documentElement.lang;
 let nb_reponses = 0;
 
@@ -226,6 +227,7 @@ formulaire.addEventListener('submit', async (e) => {
     setTimeout(() => {
         const paragraphe = document.createElement('p');
         paragraphe.innerHTML = (nb_reponses % 5 ? '😸' : '😹') + ' Voulez-vous que je réponde à une autre question ?';
+        favicon.href = (nb_reponses % 5 ? 'cat-troll.svg' : 'cat-tears.svg');
         conversation.appendChild(paragraphe);
         document.scrollingElement.scrollBy({top: window.visualViewport.height, behavior: 'smooth'});