- Au sein de la <div id="plouc"> se trouve un bouton <button>.
Faites en sorte que quand ce bouton est cliqué, il affiche "Vous m'avez cliqué" à la place de "Cliquez-moi", comme c'est le cas dans l'exemple ci-après. Démo
<div id=plouc>
<button>Cliquez-moi !</button>
</div>
- Jeter un dé, sur le document (dans une div par exemple) informer l'utilisateur du chiffre obtenu.
Prévoir un bouton cliquable pour simuler le lancer de dé.
Démo
- Mohamed Vandeput n'en peut plus! Il désire utiliser des éléments de formulaires "range" pour customiser le titre d'id "p1".
Le code HTML est juste, pourrais-tu l'aider à faire le script, pour te motiver il te promet un couscous à la Gueuze!
Démo
<body>
<h1 id=p1>Customise mon biquet !</h1>
<table border="1">
<tr>
<td>couleur de fond (rgb)</td>
<td>0<input type="range" min="0" max="255" step=5 name='color' value="0">255</td>
</tr>
<tr>
<td>padding</td>
<td>0<input type="range" name="padding" min="0" max="30" step=5 value="0">30</td>
</tr>
<tr>
<td>height</td>
<td>0<input type="range" min="5" max="200" name="height" step=50 value="0">200</td>
</tr>
<tr>
<td>width</td>
<td>200<input type="range" min="200" max="800" name="width" step=50 value="0">800</td>
</tr>
<tr>
<td>arrondi</td>
<td>0<input type="range" min="5" max="30" name="radius" step=5 value="0">30</td>
</tr>
<tr>
<td>rotation</td>
<td>-30<input type="range" min="-30" max="30" name="rotation" step=1 value="0">30</td>
</tr>
</table>
- Soit le fichier HTML :Démo
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
#title1,#title2,#title3 {display:none;}
</style>
</head>
<body>
<h1 id=1>Partie 1</h1>
<div id="title1">
<p>Mon premier paragraphe</p>
<p>Mon second paragraphe</p>
</div>
<h1 id=2>Partie 2</h1>
<div id="title2">
<p>Mon premier paragraphe</p>
<p>Mon second paragraphe</p>
</div>
<h1 id=3>Partie 3</h1>
<div id="title3">
<p>Mon premier paragraphe</p>
<p>Mon second paragraphe</p>
</div>
</body>
</html>
Lorsque l'utilisateur clique sur un titre il faut développer la division qui le suit.
Les autres doivent obligatoirement être repliées!.