[MUSIC]
Abbiamo raggiunto la fine del terzo modulo di questo corso.
Questo è il momento per il tuo terzo incarico.
In questo compito, andremo a guardare i componenti Bootstrap
che abbiamo esaminato in questo modulo e aggiungerne alcuni alla nostra pagina index.html.
Il terzo incarico prevede tre compiti.
La prima attività consiste nel prendere il modulo di prenotazione creato
in precedenza in una delle righe di contenuto riportate di seguito e quindi tagliare il modulo dalla riga del contenuto.
E quindi creare un modello che contiene lo stesso modulo di prenotazione per la tabella.
Così si può vedere che abbiamo il numero di ospiti qui, e la data e l'
ora qui, e poi due pulsanti, il pulsante Riserva e Annulla.
Proprio come avevi per il modulo di prenotazione.
Inoltre, il secondo compito in questo compito è quello di aggiungere
un'altra riga qui con un pulsante di opzione qui.
Quindi qui permetterai all'utente di specificare
in quale sezione del ristorante desidera il tavolo.
Sia che si tratti di non fumatori o di una sezione fumatori.
Per impostazione predefinita, verrà selezionata la sezione non fumatori.
Se l'utente desidera la sezione fumatori,
l'utente farà clic sul pulsante per selezionare la sezione fumatori.
Se l'utente desidera la sezione non fumatori,
allora ovviamente l'utente farà clic sulla sezione non fumatori per selezionare il pulsante.
Quindi questo è un gruppo di pulsanti radio qui con due pulsanti qui, Fumatori e Fumatori.
Quindi questo è il tuo secondo compito in questo compito, per aggiungere il pulsante qui.
Il terzo compito è quello di attivare questo pulsante qui,
il pulsante Riserva tabella qui, per richiamare il modello.
Quindi, quando si fa clic sul pulsante, mostra e nasconde il modello.
Per fare ciò, è necessario prima rimuovere la descrizione strumento dalla tabella di riserva,
altrimenti la funzionalità non funzionerà.
E rimuovi anche lo script, il codice JavaScript che hai aggiunto
alla fine della pagina index.html per attivare la descrizione dello strumento.
Così facendo, e quindi fare in modo che questo pulsante Reserve Table
funga da interruttore per il tuo modello.
Quindi questo è il tuo terzo compito in questo incarico.
Spero che ti sia piaciuto creare questa nuova variante della pagina index.html.
[ MUSIC]