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

2
00:00:04,396 --> 00:00:09,510
Chúng tôi đã kết thúc khóa học thứ ba của khóa học này.

3
00:00:09,510 --> 00:00:13,070
Đây là thời gian cho nhiệm vụ thứ ba của anh.

4
00:00:13,070 --> 00:00:18,132
Trong nhiệm vụ này, chúng ta sẽ xem xét các thành phần Bootstrap

5
00:00:18,132 --> 00:00:23,121
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.

6
00:00:25,036 --> 00:00:30,190
Nhiệm vụ thứ ba của bạn liên quan đến ba nhiệm vụ.

7
00:00:30,190 --> 00:00:36,930
Nhiệm vụ đầu tiên là lấy mẫu đặt phòng mà bạn đã tạo trước đó

8
00:00:36,930 --> 00:00:42,470
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.

9
00:00:42,470 --> 00:00:49,140
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.

10
00:00:49,140 --> 00:00:52,620
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

11
00:00:52,620 --> 00:00:56,600
giờ ở đây, và sau đó hai nút, nút Dự trữ và Hủy bỏ.

12
00:00:56,600 --> 00:00:59,340
Cũng giống như bạn đã có trong mẫu đặt phòng.

13
00:01:00,950 --> 00:01:06,390
Ngoài ra, nhiệm vụ thứ hai trong nhiệm vụ này là thêm

14
00:01:06,390 --> 00:01:12,970
một hàng nữa ở đây với một nút radio ở đây.

15
00:01:12,970 --> 00:01:17,980
Vì vậy, ở đây bạn sẽ cho phép người dùng xác định

16
00:01:17,980 --> 00:01:21,690
phần nào của nhà hàng họ muốn bảng trong.

17
00:01:21,690 --> 00:01:24,800
Cho dù đó là không hút thuốc hoặc phần hút thuốc.

18
00:01:24,800 --> 00:01:28,820
Theo mặc định, phần không hút thuốc sẽ được chọn.

19
00:01:28,820 --> 00:01:31,690
Nếu người dùng muốn phần hút thuốc,

20
00:01:31,690 --> 00:01:36,690
thì người dùng sẽ nhấp vào nút để chọn phần hút thuốc.

21
00:01:36,690 --> 00:01:38,870
Nếu người dùng muốn phần không hút thuốc,

22
00:01:38,870 --> 00:01:43,860
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.

23
00:01:43,860 --> 00:01:50,910
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.

24
00:01:50,910 --> 00:01:57,840
Vì vậy, đó là nhiệm vụ thứ hai của bạn trong nhiệm vụ này, để thêm nút ở đây.

25
00:01:59,510 --> 00:02:04,310
Nhiệm vụ thứ ba là xoay nút này ở đây,

26
00:02:04,310 --> 00:02:08,030
nút Reserve Table ở đây, để gọi mô hình.

27
00:02:08,030 --> 00:02:11,520
Vì vậy, khi bạn nhấp vào nút nó hiển thị và ẩn mô hình.

28
00:02:12,720 --> 00:02:18,735
Để 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ữ,

29
00:02:18,735 --> 00:02:22,965
nếu không chức năng đó sẽ không hoạt động.

30
00:02:22,965 --> 00:02:28,725
Và cũng loại bỏ các kịch bản, mã JavaScript mà bạn đã thêm

31
00:02:28,725 --> 00:02:35,445
vào cuối trang index.html để kích hoạt các mẹo công cụ.

32
00:02:35,445 --> 00:02:40,178
Vì vậy, làm điều đó, và sau đó làm cho nút Reserve Bảng

33
00:02:40,178 --> 00:02:45,040
hoạt động như là nút chuyển đổi cho mô hình của bạn.

34
00:02:45,040 --> 00:02:48,500
Vì vậy, đó là nhiệm vụ thứ ba của anh trong nhiệm vụ này.

35
00:02:49,650 --> 00:02:55,876
Hy vọng bạn thích tạo ra biến thể mới này của trang index.html.

36
00:02:55,876 --> 00:03:01,788
[ NHẠC]