[MUSIQUE]
Nous avons atteint la fin du troisième module de ce cours.
C' est le moment de votre troisième affectation.
Dans cette affectation, nous allons examiner les composants Bootstrap
que nous avons examinés dans ce module et en ajouter quelques-uns à notre page index.html.
Votre troisième affectation comporte trois tâches.
La première tâche consiste à prendre le formulaire de réservation que vous avez créé précédemment
dans l'une des lignes de contenu ci-dessous, puis à couper ce formulaire de la ligne de contenu.
Ensuite, créez un modèle qui contient le même formulaire de réservation pour votre table.
Ainsi, vous pouvez voir que nous avons le nombre d'invités ici, et la date et l'
heure ici, puis deux boutons, le bouton Réserver et Annuler.
Comme vous l'aviez fait pour le formulaire de réservation.
En outre, la deuxième tâche de cette affectation consiste à ajouter
une ligne supplémentaire ici avec un bouton radio ici.
Donc, ici, vous allez permettre à l'utilisateur
de spécifier dans quelle section du restaurant ils veulent la table.
Qu' il s'agisse d'un non-fumeur ou de la section fumeur.
Par défaut, la section non-fumeur sera sélectionnée.
Si l'utilisateur veut la section fumeur,
il cliquera sur le bouton pour sélectionner la section fumeur.
Si l'utilisateur veut la section non-fumeur,
alors évidemment l'utilisateur cliquera sur la section non-fumeur pour sélectionner le bouton.
C' est donc un groupe de boutons radio ici avec deux boutons ici, Fumeur et Non-Fumeurs.
C' est donc votre deuxième tâche dans cette affectation, pour ajouter le bouton ici.
La troisième tâche consiste à activer ce bouton ici,
le bouton Reserve Table ici, pour appeler le modèle.
Ainsi, lorsque vous cliquez sur le bouton, il affiche et masque le modèle.
Pour ce faire, vous devez d'abord supprimer l'info-bulle de la table de réserve,
sinon cette fonctionnalité ne fonctionnera pas.
Et supprimez également le script, le code JavaScript que vous avez ajouté
à la fin de la page index.html pour déclencher l'info-bulle.
Donc, en faisant cela, puis faites ce bouton Reserve Table
agir comme le bascule pour votre modèle.
C' est donc votre troisième tâche dans cette affectation.
J' espère que vous avez aimé créer cette nouvelle variation de la page index.html.
[ MUSIQUE]