Benoît Hubert 7 years ago
parent
commit
86a38c28dd
2 changed files with 9 additions and 6 deletions
  1. 1 4
      empty.html
  2. 8 2
      index.html

+ 1 - 4
empty.html

@@ -12,12 +12,9 @@
 
 
 	<!-- CONTENU -->
 	<!-- CONTENU -->
 
 
-	<button>Bouton</button>
 
 
 	<!-- SCRIPTS -->
 	<!-- SCRIPTS -->
-		<script>
-		alert("Hello World!");
-		</script>
+
 
 
 	</body>
 	</body>
 </html>
 </html>

+ 8 - 2
index.html

@@ -68,17 +68,23 @@
                 <h5 class="header">1. D'abord, un peu de HTML</h5>
                 <h5 class="header">1. D'abord, un peu de HTML</h5>
                 <p>Ouvre le fichier <code>empty.html</code>.</p>
                 <p>Ouvre le fichier <code>empty.html</code>.</p>
                 <p>Tu n'y verras pas grand chose. C'est normal, ça va être à toi de jouer !</p>
                 <p>Tu n'y verras pas grand chose. C'est normal, ça va être à toi de jouer !</p>
-                <p>Commence par ajouter du contenu entre les tags <code>&lt;body&gt;</code> et <code>&lt;/body&gt;</code>, sous la section "CONTENU", puis recharge cette page.</p>
+                <p>Commence par ajouter du contenu entre les tags <code>&lt;body&gt;</code> et <code>&lt;/body&gt;</code>, sous la section "CONTENU". Un bouton par exemple. Si tu veux un exemple, regarde <a target="_blank" href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/Button#Exemples">ici</a>. Après l'ajout, recharge cette page.</p>
                 <p>Tu verras normalement tes ajouts s'afficher sur la moitié droite de l'écran&nbsp;! Passe à l'étape suivante.</p>
                 <p>Tu verras normalement tes ajouts s'afficher sur la moitié droite de l'écran&nbsp;! Passe à l'étape suivante.</p>
 
 
                 <h5 class="header">2. Du JavaScript maintenant !</h5>
                 <h5 class="header">2. Du JavaScript maintenant !</h5>
+
+                <h6>Hello World!</h6>
                 <p>Dans <code>empty.html</code>, ajoute ceci, sous la section "SCRIPTS" :</p>
                 <p>Dans <code>empty.html</code>, ajoute ceci, sous la section "SCRIPTS" :</p>
                 <pre>
                 <pre>
 &lt;script&gt;
 &lt;script&gt;
   alert("Hello World!");
   alert("Hello World!");
 &lt;/script&gt;</pre>
 &lt;/script&gt;</pre>
 
 
-                <p>Puis recharge.</p>
+                <p>Puis recharge. Tu as forcément déjà vu ce genre de "popup". &Ccedil;a le mérite d'exister, même si c'est pas vraiment le top en matière d'UX !</p>
+
+                <h6>Les variables en JavaScript</h6>
+
+                <p>Tu connais Java ! Tu sais donc qu'en Java, les variables sont <strong>typées</strong>.</p>
 
 
               </div>
               </div>