tailieunhanh - Bài tập Thực hành lập trình Web: JavaScript - GV. Trần Công Án

Bài tập "Thực hành lập trình Web: JavaScript" giới thiệu đến các bạn cách lập trình web động bằng JavaScript: Dùng JS để xử lý sự kiện và thực hiện một số tính toán, kết hợp JS, DOM và CSS. Đây là tài liệu tham khảo hữu ích cho các bạn chuyên ngành Công nghệ thông tin. | THỰC HÀNH LẬP TRÌNH WEB BUỔI 3 - JavaScript Nội dung - Lập trình web động bằng JavaScript o Dùng JS để xử lý sự kiện và thực hiện một số tính toán. o Kết hợp JS DOM và CSS. Bài 1. Viết trang web giải phương trình bậc 2 dùng JS. Mục tiêu 1 Làm quen với ngôn ngữ lập trình JS. 2 Truy xuất giá trị của các phần tử trong form bằng JS và DOM. Yêu cầu 1 Thiết kế trang web như Figure 2 Khi người sử dụng ấn nút Giải phương trình một đoạn chương trình JS sẽ được gọi để tính các giá trị delta x1 và x2. 3 Các giá trị tính được sẽ được hiển thị tại vị trí tương ứng trong trang web như Figure 4 Nâng cao Sinh viên thêm các kiểm tra dữ liệu nhập vào và hiển thị câu thông báo tại vị trí thích hợp nếu dữ liệu nhập vào không hợp lệ như Figure Hướng dẫn 1 Trang web có 1 form bao gồm 3 textfield và 1 button. Ngoài ra nơi sẽ hiển thị các giá trị delta và nghiệm thì ta bố trí các span với nội dung trống. Các span này phải được đặt id để ta tham chiếu và gán giá trị sau này. Giữa dòng hiển thị delta và nghiệm x1 ta cũng tạo 1 p nhưng để trống nội dung. Paragraph này cũng phải có id. 2 Viết hàm giải phương trình bậc hai bằng JS và trên sự kiện onclick của nút Giải phương trình sẽ gọi đến hàm này. Trong hàm sẽ dùng các DOM API để truy xuất đến giá trị A B C để giải phương trình . Sau đó hàm này cũng sử dụng DOM để gán giá trị cho các span và p tương ứng. 3 Sinh viên tự nghĩ ra các trường hợp không hợp lệ của dữ liệu và viết các thủ tục kiểm tra. Để xuất thông báo thì ta đặt các span trống bên cạnh các ô nhập liệu cho A B C để có thể hiển thị thông báo. Ngoài ra sinh viên cũng có thể cải tiến thêm là nếu giá trị nào bị lỗi thì sẽ tự động di chuyển con trỏ nhập liệu đến ô nhập liệu tương ứng gọi hàm focus của phần tử . Bài tập Thực hành Lập trình Web CT428 - GV. Trần Công Án -26- Figure 17. Giải phương trình bậc 2 Bài 2. Tạo 1 máy tính đơn giản trên web sử dụng CSS và JavaScript. Mục tiêu 1 Xứ lý sự kiện bằng JS 2 Sử dụng các cấu trúc điều khiển lệnh của

• Kỹ thuật lập trình
• Bài tập Thực hành lập trình Web
• Thực hành lập trình Web
• Lập trình Web
• Lập trình JavaScript
• Hướng dẫn lập trình Web
• Cách lập trình Web
• thủ thuật lập trình
• bài tập lập trình
• lập trình website
• phương pháp lập trình web
• chuyên ngành công nghệ thông tin
• quản trị web
• cách làm web
• ngôn ngữ web
• bài tập về web
• thủ thuật máy tính
• công nghệ thông tin
• tin học
• quản trị mạng
• computer network