1
00:00:00,000 --> 00:00:04,396
[MUSIC]

2
00:00:04,396 --> 00:00:09,510
Abbiamo raggiunto la fine del terzo modulo di questo corso.

3
00:00:09,510 --> 00:00:13,070
Questo è il momento per il tuo terzo incarico.

4
00:00:13,070 --> 00:00:18,132
In questo compito, andremo a guardare i componenti Bootstrap

5
00:00:18,132 --> 00:00:23,121
che abbiamo esaminato in questo modulo e aggiungerne alcuni alla nostra pagina index.html.

6
00:00:25,036 --> 00:00:30,190
Il terzo incarico prevede tre compiti.

7
00:00:30,190 --> 00:00:36,930
La prima attività consiste nel prendere il modulo di prenotazione creato

8
00:00:36,930 --> 00:00:42,470
in precedenza in una delle righe di contenuto riportate di seguito e quindi tagliare il modulo dalla riga del contenuto.

9
00:00:42,470 --> 00:00:49,140
E quindi creare un modello che contiene lo stesso modulo di prenotazione per la tabella.

10
00:00:49,140 --> 00:00:52,620
Così si può vedere che abbiamo il numero di ospiti qui, e la data e l'

11
00:00:52,620 --> 00:00:56,600
ora qui, e poi due pulsanti, il pulsante Riserva e Annulla.

12
00:00:56,600 --> 00:00:59,340
Proprio come avevi per il modulo di prenotazione.

13
00:01:00,950 --> 00:01:06,390
Inoltre, il secondo compito in questo compito è quello di aggiungere

14
00:01:06,390 --> 00:01:12,970
un'altra riga qui con un pulsante di opzione qui.

15
00:01:12,970 --> 00:01:17,980
Quindi qui permetterai all'utente di specificare

16
00:01:17,980 --> 00:01:21,690
in quale sezione del ristorante desidera il tavolo.

17
00:01:21,690 --> 00:01:24,800
Sia che si tratti di non fumatori o di una sezione fumatori.

18
00:01:24,800 --> 00:01:28,820
Per impostazione predefinita, verrà selezionata la sezione non fumatori.

19
00:01:28,820 --> 00:01:31,690
Se l'utente desidera la sezione fumatori,

20
00:01:31,690 --> 00:01:36,690
l'utente farà clic sul pulsante per selezionare la sezione fumatori.

21
00:01:36,690 --> 00:01:38,870
Se l'utente desidera la sezione non fumatori,

22
00:01:38,870 --> 00:01:43,860
allora ovviamente l'utente farà clic sulla sezione non fumatori per selezionare il pulsante.

23
00:01:43,860 --> 00:01:50,910
Quindi questo è un gruppo di pulsanti radio qui con due pulsanti qui, Fumatori e Fumatori.

24
00:01:50,910 --> 00:01:57,840
Quindi questo è il tuo secondo compito in questo compito, per aggiungere il pulsante qui.

25
00:01:59,510 --> 00:02:04,310
Il terzo compito è quello di attivare questo pulsante qui,

26
00:02:04,310 --> 00:02:08,030
il pulsante Riserva tabella qui, per richiamare il modello.

27
00:02:08,030 --> 00:02:11,520
Quindi, quando si fa clic sul pulsante, mostra e nasconde il modello.

28
00:02:12,720 --> 00:02:18,735
Per fare ciò, è necessario prima rimuovere la descrizione strumento dalla tabella di riserva,

29
00:02:18,735 --> 00:02:22,965
altrimenti la funzionalità non funzionerà.

30
00:02:22,965 --> 00:02:28,725
E rimuovi anche lo script, il codice JavaScript che hai aggiunto

31
00:02:28,725 --> 00:02:35,445
alla fine della pagina index.html per attivare la descrizione dello strumento.

32
00:02:35,445 --> 00:02:40,178
Così facendo, e quindi fare in modo che questo pulsante Reserve Table

33
00:02:40,178 --> 00:02:45,040
funga da interruttore per il tuo modello.

34
00:02:45,040 --> 00:02:48,500
Quindi questo è il tuo terzo compito in questo incarico.

35
00:02:49,650 --> 00:02:55,876
Spero che ti sia piaciuto creare questa nuova variante della pagina index.html.

36
00:02:55,876 --> 00:03:01,788
[ MUSIC]