Code JavaScript không khó học. Tuy nhiên, để làm việc hiệu quả với ngôn ngữ này, bạn cần luyện tập. Trang web Quantrimang.com đã tập hợp các bài tập JavaScript có lời giải cho bạn.
JavaScript là gì?
JavaScript là ngôn ngữ lập trình hướng đối tượng, chéo nền tảng. Đây là một ngôn ngữ nhỏ gọn và linh hoạt. Trong môi trường trình duyệt web, JavaScript có thể kết nối với các đối tượng trong môi trường đó để cung cấp kiểm soát theo chương trình.
JavaScript cung cấp thư viện chuẩn bao gồm các đối tượng như mảng, ngày tháng, toán học và các nhân tố ngôn ngữ chính như toán tử, kiểm soát cấu trúc và lệnh.
Bài tập JavaScript 1: In tên và tuổi
Bạn hãy viết một đoạn code để cho phép người dùng nhập tên và tuổi của họ. Sau đó, in tên được làm đậm và tuổi được gạch chân ra màn hình.
Bài tập JavaScript 2: Tạo nút nhấn và textbox
Hãy tạo một nút nhấn có tên là "welcome" và giá trị là "Welcome". Sau đó, tạo một textbox có tên là "msg" và giá trị là "Welcome to".
Hướng dẫn: Sử dụng phương thức "write" của đối tượng "document" để tạo.
Bài tập JavaScript 3: Thêm chức năng vào nút nhấn
Tạo một nút như trong ví dụ 2 và thêm chức năng sau: Khi người dùng click vào nút "welcome", hiển thị thông báo "Welcome to JavaScript".
Hướng dẫn: Sử dụng thuộc tính "onClick" để thêm chức năng.
Bài tập JavaScript 4: Lấy giá trị của một phần tử HTML
Tạo 2 phần tử như trong ví dụ 2 và khi người dùng click vào nút "welcome", hiển thị nội dung của textbox có tên là "msg".
Hướng dẫn: Để lấy giá trị của một phần tử HTML, bạn sử dụng cú pháp "tên_phần_tử.value".
Bài tập JavaScript 5: Khai báo và sử dụng hàm trong JavaScript
Tạo 2 phần tử như trong ví dụ 2, khi người dùng nhấn nút, gọi một hàm là "HienThi". Hàm này sẽ hiển thị nội dung trong textbox có tên là "msg".
Hướng dẫn: Đặt thuộc tính "onClick" của button là tên của hàm, ví dụ "HienThi()".
Bài tập JavaScript 6: Minh hoạ cách khai báo và sử dụng đối tượng Date trong JavaScript để hiển thị ngày giờ của hệ thống
Yêu cầu: Hiển thị ngày và giờ của hệ thống máy tính khi trang web được nạp. Thông tin hiển thị có dạng như sau:
Hướng dẫn: Sử dụng đối tượng Date và các hàm lấy thứ, ngày, tháng, năm để hiển thị thông tin.
Bài tập JavaScript 7: Minh hoạ cách lấy giờ, phút, giây của hệ thống
Yêu cầu: Hiển thị giờ và phút trong thanh tiêu đề của cửa sổ khi trang web được nạp.
Hướng dẫn: Đặt giá trị hiển thị trong thuộc tính "title" của đối tượng "document".
Bài tập JavaScript 8: Tính tuổi của một người sử dụng đối tượng Date
Yêu cầu: Cho người dùng nhập vào năm sinh của họ, sau đó hiển thị tuổi tương ứng.
Hướng dẫn: Sử dụng đối tượng Date để lấy năm hiện tại. Tuổi sẽ bằng năm hiện tại trừ đi năm sinh.
Tính tuổi Bài tập JavaScript 9: Giới hạn năm sinh không được lớn hơn năm hiện tại
Hướng dẫn: Sử dụng vòng lặp "do...while" để yêu cầu nhập lại nếu năm sinh lớn hơn năm hiện tại.
Tinh tuoi Bài tập JavaScript 10: Thực thi câu lệnh khi người dùng click chuột và mở trang web
Yêu cầu: Viết đoạn Script cho người dùng nhập vào một số nguyên. Nếu người dùng nhập số 1 thì mở trang Web https://quantrimang.com, nếu nhập số 2 thì mở trang https://download.com.vn, nếu nhập số 3 thì mở trang https://vndoc.com, còn nếu nhập một số khác với 1, 2 hay 3 thì mở trang https://meta.vn.
Hướng dẫn: Để mở một trang Web trong cửa sổ hiện hành, sử dụng cú pháp "window.open('Địa chỉ của trang cần mở')".
Mở trang web bằng hàm open của đối tượng window Bài tập JavaScript 11: Sắp xếp mảng danh sách tên
Yêu cầu: Cho người dùng nhập vào danh sách tên của một lớp, sau đó sắp xếp theo thứ tự alphabet rồi hiển thị danh sách đã sắp xếp đó ra màn hình, mỗi người trên một dòng.
Hướng dẫn: Sử dụng mảng để lưu danh sách tên và sử dụng phương thức "sort" để sắp xếp. Sau đó, sử dụng vòng lặp "for...in" để hiển thị danh sách.
Sắp xếp mảng Bài tập JavaScript 12: Thực thi câu lệnh khi người dùng click chuột
Yêu cầu: Tạo một nút nhấn (Button) có tên là "DangKy", giá trị là "Đăng ký", và câu lệnh JavaScript sẽ thực thi khi người dùng click chuột vào.
Với những bài tập JavaScript trên, bạn có thể tăng cường kỹ năng lập trình và hiểu rõ hơn về ngôn ngữ này. Hãy thử và nâng cao tài năng của mình!