Créer un générateur d'un chronologie à partir du texte.'s game

Click here for free DL of the app version that can save data.

No:13355

←

Prev Next

→

Créer un générateur d'un chronologie à partir du t..ALL
Developer User5869｜Date and time 23/8/28 3:31:40
Build time 10.189 sec｜Game capacity 2.267KB｜

Script

Bien sûr! Voici un exemple d'un générateur de chronologie implémenté en tant que fichier HTML unique contenant du JavaScript, intégré entre des balises de script. Le jeu est conçu pour être joué sur un smartphone et utilise des pictogrammes pour représenter les événements.

Liste des événements:

Ce générateur de chronologie affiche une ligne du temps avec des pictogrammes représentant différents événements. Lorsque l'utilisateur clique sur un pictogramme, l'événement correspondant est ajouté à une liste sous la ligne du temps. Notez que vous devrez remplacer les noms de fichiers des pictogrammes (`emozi_rabbit.png`, `emozi_hamuster.png`, etc.) par vos propres fichiers pour que les images s'affichent correctement. De plus, vous pouvez personnaliser le style CSS pour répondre à vos besoins en matière de mise en page et d'esthétique.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Générateur de Chronologie</title>
    <style>
        #timeline {
            text-align: center;
        }

#timeline img {
            width: 50px;
            height: 50px;
            margin: 10px;
            cursor: pointer;
        }

#event-list {
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="timeline">
        <img src="pictogramme1.png" alt="Événement 1">
        <img src="pictogramme2.png" alt="Événement 2">
        <img src="pictogramme3.png" alt="Événement 3">
        <img src="pictogramme4.png" alt="Événement 4">
    </div>

<div id="event-list">
        <h2>Liste des événements:</h2>
        <ul id="events">
        </ul>
    </div>

function addEvent(event) {
            var eventList = document.getElementById('events');
            var eventItem = document.createElement('li');
            eventItem.textContent = event.target.alt;
            eventList.appendChild(eventItem);
        }
    </script>
</body>
</html>
```

Notez que vous devrez remplacer les noms de fichiers des pictogrammes (`pictogramme1.png`, `pictogramme2.png`, etc.) par vos propres fichiers pour que les images s'affichent correctement. De plus, vous pouvez personnaliser le style CSS pour répondre à vos besoins en matière de mise en page et d'esthétique.