Comment faire des boucles avec PHP pour la programmation HTML5 et CSS3 - les nuls

Vidéo: Création d'un menu déroulant en HTML et en CSS 2025

Parfois, vous voulez répéter quelque chose en tant que programmeur HTML5 et CSS3. PHP (comme la plupart des langages de programmation) supporte un certain nombre de constructions en boucle. Commencez avec la boucle humble mais adorable.

Ceci imprime 100 dés. Ce serait fastidieux à faire à la main, mais c'est exactement le genre de choses que les ordinateurs sont si bons.

Le code suivant explique tout:

pour. php img {hauteur: 40px; width: 50px;}

Dice Rolling Game
Bienvenue dans le jeu de dés. Rouler 100 dés. Combien seront six?

ICI; if ($ userNumber == 6) {$ sixCount ++;} // fin si} // fin pour print "







Vous avez roulé $ sixCount six (es)!
"; ? >
Réessayez!

La majeure partie du code est du HTML pur. Notez la déclaration d'impression solitaire responsable de l'impression des dés. Cette instruction d'impression (et quelques caractères secondaires) sont répétées 100 fois. pour les boucles sont des moyens extrêmement puissants pour faire beaucoup de travail.

Commencez par le mot-clé for.

Ce mot-clé indique le début de la structure for.
```
pour ($ i = 0; $ i <100; $ i ++) {
```
Ajouter un initialiseur.

Les boucles for sont généralement centrées autour d'une variable entière spécifique, appelée parfois la variable sentinelle . La première partie de la boucle for définit la valeur initiale de cette variable. Souvent, la variable est initialisée à 0 ou 1.
```
pour ($ i = 0 ; $ i <100; $ i ++) {
```
Ajouter une condition.

La boucle continue tant que la condition est vraie et se termine dès que la condition est évaluée comme fausse. Normalement, la condition vérifiera si la variable est plus grande qu'une certaine valeur.
```
pour ($ i = 0; $ i <100 ; $ i ++) {
```
Ajouter un modificateur.

Chaque fois que vous bouclez la boucle, vous devez faire quelque chose pour changer la valeur de la sentinelle. Normalement, vous ajoutez 1 à la variable sentinelle (souvenez-vous, ++ est un raccourci pour "ajouter un").
```
pour ($ i = 0; $ i <100; $ i ++ ) {
```
Encapsuler le corps de la boucle entre accolades.

Le code qui sera répété est placé à l'intérieur des accolades ({}). Comme d'habitude, indentez tout le code à l'intérieur des accolades afin de comprendre que vous êtes à l'intérieur d'une structure.

Ce programme particulier a quelques autres caractéristiques qui le rendent approprié pour imprimer 100 dés.

Il utilise $ i comme variable de comptage. Lorsque le nom de la variable sentinelle n'est pas important, $ i est souvent utilisé. $ i variera de 0 à 99, donnant 100 itérations de la boucle.
Chaque fois que vous bouclez la boucle, lancez un dé. La fonction familière rand () est utilisée pour rouler une valeur de dé aléatoire entre 1 et 6. Parce que ce code est à l'intérieur de la boucle, il est répété.
```
$ userNumber = rand (1, 6);
```
Imprimez une image liée au jet de dé. Ici, l'interpolation est utilisée pour déterminer quelle image afficher. Notez que le code a été utilisé pour redimensionner les fichiers image à une taille plus petite.
```
imprimer <<< ICI

ICI;
```
Vérifiez si vous avez lancé 6 . Si le résultat est un 6, ajoutez 1 à la variable $ sixCount. À la fin de la boucle, cela contiendra le nombre total de six éléments roulés.
```
if ($ userNumber == 6) {$ sixCount ++;} // fin si
```
Affiche la valeur de $ sixCount . Une fois la boucle terminée, indiquez le nombre de six.
```
print "
Vous avez roulé $ sixCount six (es)!
";
```