65 lines
2.3 KiB
Markdown
65 lines
2.3 KiB
Markdown
|
# TP Formulaire (intro). #
|
||
|
|
|
||
|
|
## Exo (Multiplication) ##
|
||
|
|
|
||
|
|
On souhaite mettre en oeuvre une petite page permettant d'afficher une table de multiplication.
|
||
|
|
Un bouton permet d'envoyer un entier pour générer la table appropriée.
|
||
|
|
On aura ainsi un fichier html contenant ce code quand on selectionne 7.
|
||
|
|
```html
|
||
|
|
<h3>Table de 7</h3>
|
||
|
|
<ul>
|
||
|
|
<li>1 x 7 = 7</li>
|
||
|
|
<li>2 x 7 = 14</li>
|
||
|
|
<li>3 x 7 = 21</li>
|
||
|
|
<li>4 x 7 = 28</li>
|
||
|
|
<li>5 x 7 = 35</li>
|
||
|
|
<li>6 x 7 = 42</li>
|
||
|
|
<li>7 x 7 = 49</li>
|
||
|
|
<li>8 x 7 = 56</li>
|
||
|
|
<li>9 x 7 = 63</li>
|
||
|
|
<li>10 x 7 = 70</li>
|
||
|
|
</ul>
|
||
|
|
<h4>Table de multiplication</h4>
|
||
|
|
<form method="GET">
|
||
|
|
<input type="number" name="table" placeholder="table">
|
||
|
|
<button type="submit">ENVOYER</button>
|
||
|
|
</form>
|
||
|
|
```
|
||
|
|
|
||
|
|
* Testez rapidement ce code html, en particulier le comportement du boutton selon que vous saissez un nombre ou du texte dans le formulaire. Regardez la documentation (par exemple sur W3schools) de la balise `<input>`
|
||
|
|
|
||
|
|
* Proposez un fichier php qui permette d'utiliser la variable changée par l'action du bouton pour générer le code html ci-dessus.
|
||
|
|
|
||
|
|
* Que se passe-t-il si vous changez la valeur du nombre dans l'url par un autre nombre?
|
||
|
|
|
||
|
|
* Allez relire le cours sur GET et documentez vous à ce sujet (par exemple PHP superglobals sur le site de la W3schools).
|
||
|
|
|
||
|
|
* Que se passe-t-il si vous changez la valeur numérique par du texte dans l'url?
|
||
|
|
|
||
|
|
* Allez lire la documentation de `filter-input`
|
||
|
|
|
||
|
|
* Améliorez votre page en filtrant.
|
||
|
|
|
||
|
|
|
||
|
|
## Exo (Calculette ##
|
||
|
|
|
||
|
|
Ecrire une petite calculatrice permettant d'effectuer des opérations arithmétiques élémentaires (+,x,-,/) sur deux opérandes.
|
||
|
|
|
||
|
|
|
||
|
|
[//]: # (This may be the most platform independent comment) 
|
||
|
|
|
||
|
|
1. Première version : affichez un formulaire permettant, dans
|
||
|
|
l'ordre, de saisir la première opérande, puis dans une liste
|
||
|
|
(`SELECT`) l'opération, enfin de saisir la deuxième opérande.
|
||
|
|
Associez à ce formulaire le script effectuant le calcul et
|
||
|
|
affichant le résultat.
|
||
|
|
|
||
|
|
2. Assurez-vous qu'on ne puisse pas diviser par 0.
|
||
|
|
|
||
|
|
3. Deuxième version : après un calcul, réaffichez le formulaire en
|
||
|
|
proposant comme valeur par défaut de la première opérande le
|
||
|
|
résultat du calcul précédent.
|
||
|
|
|
||
|
|
|
||
|
|
|