Add 1 files

index.html

@@ -441,5 +441,90 @@
             return events;
         }
         
-        function
+        function generateCharacter() {
+            // Show loader
+            loader.style.display = 'block';
+            characterCard.style.display = 'none';
+            
+            // Simulate loading time
+            setTimeout(() => {
+                // Generate character data
+                const firstName = getRandomItem(firstNames);
+                const lastName = getRandomItem(lastNames);
+                const age = getRandomNumber(18, 95);
+                const job = getRandomItem(jobs);
+                const motto = getRandomItem(mottos);
+                const stats = getRandomStats();
+                const deathAge = age + getRandomNumber(1, 20);
+                const deathCause = getRandomItem(deathDescriptions);
+                
+                // Random tags (2-5)
+                const characterTagCount = getRandomNumber(2, 5);
+                const selectedTags = [];
+                for (let i = 0; i < characterTagCount; i++) {
+                    let tag;
+                    do {
+                        tag = getRandomItem(tags);
+                    } while (selectedTags.includes(tag));
+                    selectedTags.push(tag);
+                }
+                
+                // Generate life events
+                const lifeEvents = generateLifeEvents(age);
+                
+                // Update DOM
+                characterName.textContent = `${firstName} ${lastName}`;
+                characterJob.textContent = job;
+                characterAge.textContent = `${age} ans (décédé à ${deathAge} ans ${deathCause})`;
+                characterMotto.textContent = `"${motto}"`;
+                
+                // Character tags
+                characterTags.innerHTML = '';
+                selectedTags.forEach(tag => {
+                    const tagElement = document.createElement('span');
+                    tagElement.className = 'tag';
+                    tagElement.textContent = tag;
+                    characterTags.appendChild(tagElement);
+                });
+                
+                // Stats
+                displayStats(stats);
+                
+                // Life summary
+                lifeSummary.innerHTML = `
+                    <p>${firstName} ${lastName} était ${job.toLowerCase()} qui a marqué son époque par son approche unique de la vie. D'une intelligence ${stats.intelligence < 5 ? '...variable' : stats.intelligence < 8 ? 'remarquable' : 'déconcertante'}, ${stats.strength < 5 ? 'il évitait soigneusement les altercations physiques' : stats.strength < 8 ? 'il était capable de soulever des charges moyennement impressionnantes' : 'sa force légendaire faisait trembler les haltères'}.</p>
+                    <p>Son charisme ${stats.charisma < 5 ? 'lui faisait souvent oublier les anniversaires' : stats.charisma < 8 ? 'lui permettait d'être le dernier invité aux soirées' : 'était tel que les plantes verdoyaient à son passage'} et sa malchance ${stats.luck < 5 ? 'lui faisait systématiquement tirer le bonnet d\'âne' : stats.luck < 8 ? 'était compensée par une capacité à rebondir' : 'était légendaire, comme en témoignent ses 47 tentatives de gagner à la roulette'}.</p>
+                `;
+                
+                // Life events
+                lifeEventsContainer.innerHTML = '<h3><i class="fas fa-clock"></i> Événements Marquants</h3>';
+                lifeEvents.forEach(event => {
+                    const eventElement = document.createElement('div');
+                    eventElement.className = 'event';
+                    eventElement.innerHTML = `
+                        <span class="event-age">À ${event.age} ans</span>, ${firstName} ${event.description}.
+                    `;
+                    lifeEventsContainer.appendChild(eventElement);
+                });
+                
+                // Death signature
+                deathSignature.textContent = `"${firstName} ${lastName} (${getRandomNumber(1900, 2023)}-${getRandomNumber(2023, 2100)})"`;
+                
+                // Random avatar (using randomuser.me API)
+                const gender = firstName.endsWith('e') || firstName.endsWith('a') ? 'women' : 'men';
+                characterAvatar.src = `https://randomuser.me/api/portraits/${gender}/${getRandomNumber(1, 99)}.jpg`;
+                
+                // Hide loader and show character
+                loader.style.display = 'none';
+                characterCard.style.display = 'block';
+            }, 1500);
+        }
+        
+        // Event listener
+        generateButton.addEventListener('click', generateCharacter);
+        
+        // Generate first character on load
+        window.addEventListener('load', generateCharacter);
+    </script>
+</body>
 </html>