[MUSIC]
Chúng tôi đã kết thúc khóa học thứ ba của khóa học này.
Đây là thời gian cho nhiệm vụ thứ ba của anh.
Trong nhiệm vụ này, chúng ta sẽ xem xét các thành phần Bootstrap
mà chúng tôi đã kiểm tra trong mô-đun này và thêm một vài vào trang index.html của chúng tôi.
Nhiệm vụ thứ ba của bạn liên quan đến ba nhiệm vụ.
Nhiệm vụ đầu tiên là lấy mẫu đặt phòng mà bạn đã tạo trước đó
trong một trong các hàng nội dung bên dưới, và sau đó cắt biểu mẫu đó ra khỏi hàng nội dung.
Và sau đó tạo một mô hình có chứa cùng một biểu mẫu đặt chỗ cho bảng của bạn.
Vì vậy, bạn có thể thấy rằng chúng tôi có số lượng khách ở đây, và ngày
giờ ở đây, và sau đó hai nút, nút Dự trữ và Hủy bỏ.
Cũng giống như bạn đã có trong mẫu đặt phòng.
Ngoài ra, nhiệm vụ thứ hai trong nhiệm vụ này là thêm
một hàng nữa ở đây với một nút radio ở đây.
Vì vậy, ở đây bạn sẽ cho phép người dùng xác định
phần nào của nhà hàng họ muốn bảng trong.
Cho dù đó là không hút thuốc hoặc phần hút thuốc.
Theo mặc định, phần không hút thuốc sẽ được chọn.
Nếu người dùng muốn phần hút thuốc,
thì người dùng sẽ nhấp vào nút để chọn phần hút thuốc.
Nếu người dùng muốn phần không hút thuốc,
thì rõ ràng người dùng sẽ nhấp vào phần không hút thuốc để chọn nút.
Vì vậy, đây là một nhóm nút radio ở đây với hai nút ở đây, Hút thuốc và Không hút thuốc.
Vì vậy, đó là nhiệm vụ thứ hai của bạn trong nhiệm vụ này, để thêm nút ở đây.
Nhiệm vụ thứ ba là xoay nút này ở đây,
nút Reserve Table ở đây, để gọi mô hình.
Vì vậy, khi bạn nhấp vào nút nó hiển thị và ẩn mô hình.
Để thực hiện việc này, trước tiên bạn cần loại bỏ mẹo công cụ khỏi bảng dự trữ,
nếu không chức năng đó sẽ không hoạt động.
Và cũng loại bỏ các kịch bản, mã JavaScript mà bạn đã thêm
vào cuối trang index.html để kích hoạt các mẹo công cụ.
Vì vậy, làm điều đó, và sau đó làm cho nút Reserve Bảng
hoạt động như là nút chuyển đổi cho mô hình của bạn.
Vì vậy, đó là nhiệm vụ thứ ba của anh trong nhiệm vụ này.
Hy vọng bạn thích tạo ra biến thể mới này của trang index.html.
[ NHẠC]