AngularJS: Practical 1

Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
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:

Đồ thị điểm

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: 

Mảng dữ liệu hàng nhập kho

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.

« Trước: Angular - Frontend Framework tuyệt vời
Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực
Copied !!!