-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (94 loc) · 4.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="fr">
<head>
<!--- OpenGraph -->
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Univers à la Carte" />
<meta property="og:description" content="Générateur aléatoire d’éléments narratifs." />
<meta property="og:url" content="https://www.nootilus.com/test/cartes/" />
<meta property="og:site_name" content="Le Nootilus – Vincent Corlaix" />
<meta property="og:image" content="https://www.nootilus.com/medias/scribulerie/noot_scribulerie.png" />
<meta property="og:image:width" content="120" />
<meta property="og:image:height" content="120" />
<meta property="og:image:type" content="image/png" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Univers à la Carte</title>
<link rel="stylesheet" href="joliture.css">
<script src="tirage.js"></script>
</head>
<body>
<div class="Principal">
<div class="Entete">
<h1>Univers à la Carte</h1>
<h3>Générateur aléatoire d’éléments narratifs</h3>
</div>
<div class="Contenu">
<div id="formTirage">
<label for="choixFichierJson">Univers :</label>
<select id="choixFichierJson">
<option value="originales.json" selected>Contes de Fées</option>
<option value="scifi.json">Science-Fiction</option>
<option value="steampunk.json">Steampunk</option>
<option value="horreur.json">Horreur</option>
<option value="polar.json">Policier (WiP)</option>
</select>
<div class="leChoix">
<input type="checkbox" id="cartesUniques" class="topCoolCheckbox" name="cartesUniques" value=true checked>
<label for="cartesUniques"> Cartes uniques</label><br>
</div>
<label for="nombreDePersonnes">Participants :</label>
<input type="number" id="nombreDePersonnes" min="1" value="1">
<div id="noms">
<!-- Les champs de saisie pour les prénoms seront ajoutés ici dynamiquement -->
</div>
<button id="tirageBtn" onclick="tirerCartes()">Tirer les Cartes</button>
</div>
<div id="result">
<div class="participant-block">
<!-- Tableaux des résultats remplis ici par le JS -->
</div>
</div>
<button id="reboot" onclick="reinitialiserPage()">Recommencer</button>
<button id="goMail" onclick="envoyerMail()">Envoyer les résultats</button>
</div>
<div class="BasPage">
<p>© 2023, 2024 – <a href="https://www.nootilus.com/" target="_blank">Vincent Corlaix</a> — Version 0.8b (janvier 2024)</p>
<p><a href="https://github.com/Nootilus/Cartes_a_Raconter" target="_blank">Github du projet</a></p>
</div>
</div>
<script>
// Fonction pour ajouter dynamiquement les champs de saisie des prénoms
function ajouterChampsPrenom() {
const nombreDePersonnes = document.getElementById('nombreDePersonnes').value;
const nomsDiv = document.getElementById('noms');
nomsDiv.innerHTML = ''; // Effacer les champs précédents
for (let i = 0; i < nombreDePersonnes; i++) {
const input = document.createElement('input');
input.type = 'text';
input.placeholder = `Prénom du participant n°${i + 1}`;
input.className = 'prenom-input';
nomsDiv.appendChild(input);
}
}
// Appeler la fonction pour créer les champs de saisie lors du chargement de la page
ajouterChampsPrenom();
// Mettre à jour les champs de saisie lorsqu'on change le nombre de personnes
document.getElementById('nombreDePersonnes').addEventListener('input', ajouterChampsPrenom);
</script>
</body>
</html>
<!--
_____ _______ _____ _____
/ ____|__ __/ ____| | __ \
| | __ | | | | | |__) |
| | |_ | | | | | | _ /
| |__| |_ | |_| |____ _| | \ \ _
\_____(_)|_(_)\_____(_)_| \_(_)
Générateur de Tirages de Cartes à Raconter©™®
Version 0.7d — Décembre 2023
Créé par Vincent Corlaix avec de gros coups de main de ChatGPT 3.5
Github du projet : https://github.com/Nootilus/Cartes_a_Raconter
Fichier : index.html
-->