LouisLombaert.github.io/index.HTML at main · LouisLombaert/LouisLombaert.github.io · GitHub

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
<!DOCTYPE html>
<html>
    <head>
      <title> projet_jeuDeRole </title>
      <script src="js/index.js"></script>
      <link href="css/index.css" rel="stylesheet" type="text/css">
    </head>
    <body>
      <header>
        <h1> Jeu de rôle </h1>
      </header>
      <div>
       <p class = textIntro>Salut à toi, aventurier! Nous te proposons ici un petit jeu de rôle. Pour commencer, tu peux créer ton personnage.<br> Pour information, chaque classe possède ses prôpres compétences de combats et les armes te permettent d'avoir des bonus de statistiques (plus de dégat, ...).<p>

	   <form id="formulairePersonnage" onSubmit="return recupererPersonnage(this);">
           <legend> Créer votre personnage </legend>
           <!-- nom -->
           <label for="nom">Entrez le nom de votre personnage</label>
           <input id="nom" type="text" value="" required><br><br>
           <!-- sexe -->
           <label> Entrez le sexe de vôtre personnage</label><br>
           <input id="masculin" type="radio" name ="sexe" value="masculin" required>
           <label for="masculin">Masculin</label><br>
           <input id="feminin" type="radio" name="sexe" value="feminin" required>
           <label for="feminin">Féminin</label><br><br>
           <!-- race -->
           <label for="race">Choisisser vôtre râce: </label>
           <select id="race" required>
               <option value="Humain" >Humain</option>
               <option value="Nain">Nain</option>
               <option value="Elfe">Elfe</option>
               <option value="Orc">Orc</option>
           </select><br><br>
           <!-- classe-->
           <label for="classe" required>Choississez votre classe: </label>
           <select id="classe">
               <option value="Archer">Archer</option>
               <option value="Guerrier">Guerrier</option>
               <option value="Sorcier">Sorcier</option>
           </select><br><br>
           <!--équipement-->
           <label for="arme" required>Choisisser une arme: </label>
           <select id="arme">
               <option value="Arc">Arc</option>
               <option value="Hache">Hache</option>
               <option value="Epée">Epée</option>
               <option value="BâtonDeSorcier">Bâton de sorcier</option>
           </select><br><br>
           <input type="submit">
        </form>
      </div><br>
	  <div id = boutton>
		<button onclick = "return combat();">Commencer</button>
	  </div>
	  <div id = introCombat>
	  </div>
	  <div id = combat>
	  <button onclick = "return commencerCombat();">Commencer combat</button>
    </body>
</html>