[МУЗЫКА]
Мы подошли к концу третьего модуля этого курса.
Пришло время для вашего третьего задания.
В этом задании мы рассмотрим компоненты Bootstrap,
которые мы рассмотрели в этом модуле и добавить несколько на нашу страницу index.html.
Третье задание включает в себя три задачи.
Первая задача — взять форму резервирования, созданную ранее
в одной из строк содержимого ниже, а затем вырезать эту форму из строки содержимого.
Затем создайте модель, содержащую ту же форму резервирования для вашей таблицы.
Таким образом, вы можете видеть, что у нас есть количество гостей здесь, и дата и
время здесь, а затем две кнопки, Резервирование и Отмена кнопки.
Так же, как и для формы бронирования.
Кроме того, вторая задача в этом задании состоит в том, чтобы добавить
здесь еще одну строку с помощью переключателя.
Таким образом, здесь вы позволите пользователю указать,
в каком разделе ресторана им нужна таблица.
Будь то курение или курение секции.
По умолчанию будет выбрана секция для некурящих.
Если пользователь хочет курить раздел,
то пользователь нажмет на кнопку, чтобы выбрать раздел курения.
Если пользователь хочет раздел для некурящих,
то, очевидно, пользователь нажмет на раздел для некурящих, чтобы выбрать кнопку.
Так что это группа переключателей здесь с двумя кнопками, курение и курение.
Так что это ваша вторая задача в этом задании, чтобы добавить кнопку здесь.
Третья задача состоит в том, чтобы включить эту кнопку здесь,
кнопку Reserve Table здесь, чтобы вызвать модель.
Поэтому, когда вы нажимаете на кнопку, он показывает и скрывает модель.
Для этого сначала нужно удалить подсказку из резервной таблицы
, иначе функциональность не будет работать.
А также удалите скрипт, код JavaScript, который вы добавили
в конец страницы index.html, чтобы вызвать подсказку.
Таким образом, сделав это, а затем сделайте эту кнопку Reserve
Table действовать в качестве переключателя для вашей модели.
Так что это ваша третья задача в этом задании.
Надеюсь, вам понравилось создать эту новую вариацию страницы index.html.
[ МУЗЫКА]