[MÚSICA]
Hemos llegado al final del tercer módulo de este curso.
Este es el momento de tu tercera misión.
En esta tarea, vamos a ver los componentes de Bootstrap
que hemos examinado en este módulo y añadir algunos a nuestra página index.html.
Su tercera asignación implica tres tareas.
La primera tarea consiste en tomar el formulario de reserva que creó anteriormente
en una de las filas de contenido siguientes y, a continuación, cortar ese formulario de la fila de contenido.
Y, a continuación, cree un modelo que contenga el mismo formulario de reserva para su mesa.
Así que puede ver que tenemos el número de invitados aquí, y la fecha y la
hora aquí, y luego dos botones, el botón Reservar y Cancelar.
Igual que tenías para el formulario de reserva.
Además, la segunda tarea de esta asignación es agregar
una fila más aquí con un botón de opción aquí.
Así que aquí le permitirá al usuario especificar en
qué sección del restaurante desea la mesa.
Ya sea para no fumadores o en la sección de fumadores.
De forma predeterminada, se seleccionará la sección para no fumadores.
Si el usuario quiere la sección de fumar,
el usuario hará clic en el botón para seleccionar la sección de fumar.
Si el usuario quiere la sección para no fumadores,
entonces obviamente el usuario hará clic en la sección para no fumadores para seleccionar el botón.
Así que este es un grupo de botones de radio aquí con dos botones aquí, Fumar y No Fumar.
Así que esa es su segunda tarea en esta asignación, agregar el botón aquí.
La tercera tarea es girar este botón aquí,
el botón Reservar tabla aquí, para invocar el modelo.
Entonces, cuando haces clic en el botón, muestra y oculta el modelo.
Para hacer esto, primero debe eliminar la punta de herramienta de la tabla de reserva, de
lo contrario, esa funcionalidad no funcionará.
Y también elimine el script, el código JavaScript que agregó
al final de la página index.html para activar la información sobre la herramienta.
Así que haciendo eso, y luego hacer que este botón de reserva de tabla
actúe como el alternador para su modelo.
Así que esa es tu tercera tarea en esta tarea.
Espero que haya disfrutado creando esta nueva variación de la página index.html.
[ MÚSICA]