AngularJS: Practical 1
Giải phóng thời gian, khai phóng năng lực
Bài tập 1:
Develop một app AngularJS trong đó có thể thêm 3 điểm vào 3 textbox, sau đó 3 điểm này sẽ được lấy và thể hiện ở dạng 3 cột dạng đồ thị như sau:
Hãy hiển thị ra điểm trung bình của 3 đầu điểm ở trên.
Bài tập 2:
Thiết kế một mảng dữ liệu, sau đó lấy dữ liệu đó rồi hiển thị ra trình duyệt dưới dạng một bảng như dưới đây:
1. Khi nhấn vào tiêu đề cột "Điểm TBKT" sẽ tự động tính điểm trung bình kiểm tra cho từng bạn học sinh rồi hiển thị ra ô trống tương ứng phía dưới. Điểm TBKT = (HS1 + HS2*2)/3.
2. Khi nhấn vào tiêu đề cột "Điểm TBMH" sẽ tự động tính điểm trung bình môn học cho từng bạn học sinh rồi hiển thị ra ô trống tương ứng phía dưới. Điểm TBMH = (Điểm_TBKT + Điểm_thi*2)/3.
Bài tập 4
Hãy thiết kế một mảng dữ liệu sau đó lấy dữ liệu đó rồi hiển thị ra trình duyệt dưới dạng một bảng như dưới đây:
1. Đánh số thứ tự cho cột STT.
2. Khi nhấn vào tiêu đề cột "TRỊ GIÁ" sẽ tự động tính giá trị theo công thức: Trị_giá = Số_lượng * Đơn_giá. Lưu ý sửa lại dữ liệu ở cột số lượng bằng cách bỏ đi dấu /.
3. Khi nhấn vào tiêu đề cột "THUẾ" sẽ tự động tính thuế theo công thức: Thuế = Trị_giá * 5%
4. Khi nhấn vào tiêu đề cột "CƯỚC CHUYÊN CHỞ" sẽ tự động tính cước chuyên chở theo công thức: Cước_chuyên_chở = Số_lượng * 1500.
5. Khi nhấn vào tiêu đề cột "CỘNG" sẽ tự động tính tổng cộng theo công thức: Cộng = Trị_giá + Thuế + Cước_chuyên_chở.
6. Khi nhấn vào ô có dấu ? nào của hàng "TỔNG CỘNG" thì tính tổng cộng cho cột tương ứng.
Giải phóng thời gian, khai phóng năng lực