Lấy giá trị checkbox checked bằng Javascript - Bài tập Javascript
Giả sử có chương trình lấy thông tin về sở thích của người dùng, mỗi sở thích là một checkbox và nếu người dùng thích cái nào thì check vào cái đó. Hãy tạo ra một button xử lý khi click vào button đó thì hiển thị danh sách các sở thích mà người dùng đa chọn. Để lấy giá trị của checkbox thì ta ...
hiết lập checkbox checked bằng javascript - Bài tập Javascript
Cho một ô checkbox và 2 button, hãy xử lý sự kiện khi click vòa button thứ nhất thì thiết lập trạng thái checked cho checkbox, khi click vào button thứ hai thì hủy bỏ trạng thái checked cho checkbox. Như thường lệ, đối với bài này thì ta sử dụng thuộc tính checked của đối tượng HTML để thay đổi ...
Validate form bằng Javascript cơ bản - Bài tập Javascript
Trong bài này mình sẽ hướng dẫn cách validate form bằng Javascript ở mức cơ bản, đó là sử dụng những function dạng tách rời để kiểm tra định dạng dữ liệu của form. Validate form là thao tác bắt buộc phải làm, nó giúp phía server giảm tải và bớt đi những request submit cố tình chơi xấu. Tuy nhiên, ...
Cách thêm thẻ HTML bằng Javascript - Bài tập Javascript
Trong bài này ta sẽ làm bài tập thêm thẻ HTML bằng Javascript, qua bài này sẽ giúp bạn hiểu được cách sử dụng một số hàm và đối tượng thao tác với HTML DOM. Thao tác chèn / thêm phần tử HTML được sử dụng rất nhiều khi làm việc với Javascript, nó giúp tao ra những trang DHTML (Dinamic HTML) trông ...
Một số ví dụ học javascript căn bản (Phần 1) - Bài tập Javascript
Chúng ta đã học được 8 bài rồi nên trong bài này mình sẽ làm một số ví dụ dùng javascript để viết một số chương trình căn bản để các bạn nắm rõ hơn và ôn lại kiến thức cũ. Nội dung của bài chủ yếu sử dụng kiến thức ở các bài trước nên nếu bạn chư xem thì quay lại và đọc qua nhé. 1. Bài ...
Bài tập javascript - xây dựng menu dropdow - Bài tập Javascript
Trong bài này chúng ta sẽ thực hành xây dựng một menu dropdown bằng javascript chứ không sử dụng jquery. Đây là một dạng menu khá thông dụng và có một plugin trên mạng chuyên dùng để tạo đó là plugin accordion jquery. Tuy nhiên chúng ta đang học nên bắt buộc phải sử dụng Javascript nhé các ...
ạo đồng hồ đếm ngược với hàm setTimeout() trong JS - Bài tập Javascript
Chắc chắn bạn nào cũng từng sử dụng đồng hồ đếm ngược rồi phải không nào? Nhớ thời học cấp 3 mấy ông thầy dạy thể dục hay sử dụng để dạy môn chạy ngắn và chạy đường dài. Vậy bạn nghĩ có thể viết một chương trình hiển thị đồng hồ đếm ngược bằng Javascript không? Hoàn toàn có thể nhé các bạn, và trong ...
Một số hàm validate dữ liệu bằng Javascript - Bài tập Javascript
Việc sử dụng Javascript để kiểm tra dữ liệu của form đóng vai trò khá quan trọng trong các ứng dụng website bởi vì nó giúp website hoạt động nhanh và thân thiện với người dùng hơn. Tuy nhiên vì Javascript chỉ hoạt động ở Client nên dễ dàng bị người dùng qua mặt, vì vậy đối với những dữ liệu quan ...
Bài tập DOM căn bản trong Javascript - Bài tập Javascript
Bài này mới chính là phần quan trọng và mạnh nhất trong Javascript đó là DOM. DOM giúp chúng ta truy vấn các đối tượng HTML trên một trang web thông qua cú pháp selectors riêng của nó, đồng thời hỗ trợ nhiều phương thức giúp can thiệp vào thuộc tính của đối tượng HTML. Trong bài này ta sẽ thực ...
Ẩn và hiện thẻ div bằng Javascript - Bài tập Javascript
Hãy viết ứng dụng ẩn và hiện một thẻ div bằng Javascript bằng cách tạo ra 2 button, khi click vào button1 thì ẩn thẻ div và khi click vào button2 thì hiển thị thẻ div. Chúng ta sử dụng thuộc tính CSS display:block để hiển thị thẻ div và thuộc tính display:none để ẩn thẻ div. Nhưng vấn đề ...
Bài tập tạo hàm trong Javascript - Bài tập Javascript
Để hiểu rõ hơn về hàm và cách tạo hàm trong Javascript thì mình sẽ đưa ra một số bài tập và giải nó với nhiều cách khác nhau, từ đó bạn sẽ hiểu được ý nghĩa của hàm và cách tạo hàm trong Javascript. Đáng lẽ các bài trước mình không nên giải bài tập bằng hàm nhưng lỡ rồi nên mình cũng không sửa lại ...
hay nhất đổi thuộc tính của thẻ HTML bằng Javascript - Bài tập Javascript
Thuộc tính của thẻ HTML đóng vai trò rất quan trọng trong việc kết hợp giữa HTML và CSS, vì vậy hãy tìm hiểu nó bằng cách trình bày cách thay đổi giá trị của thuộc tính, thêm thuộc tính và xóa thuộc tính của thẻ HTML bằng Javascript. Để thay đổi thuộc tính của thẻ HTML thì chúng ta ...
Bài tập vòng lặp while trong javascript - Bài tập Javascript
Tiếp tục làm bài tập Javascript nào. Trong bài này chúng ta làm một số bài tập liên quan đến vòng lặp while nhằm giúp các bạn ôn tập lại kiến thức. Và như thường lệ trong bài này vẫn sử dụng kiến thức ở phần lý thuyết học Javascript toàn tập nên nếu bạn thấy không hiểu ...
hay nhất đổi backgroud của thẻ HTML bằng Javascript - Bài tập Javascript
Cho một đoạn mã HTML có sẵn như dưới đây, hãy viết một đoạn mã Javascript khi click vào button#btn1 thì đổi màu bacckground cho thẻ div#content sang màu đỏ, khi click vào button#btn2 thì đổi background sang màu xanh. HTML RUN <div id="content" ...
Bài tập vòng lặp for trong Javascript - Bài tập Javascript
Vòng lặp for đóng vai trò quan trọng khi lập trình với Javascript nên việc nắm vững nó là điều bắt buộc, vì vậy mình sẽ ra một số bài tập liên quan tới vòng lặp và giải sẵn cho các bạn tham khảo. Nhưng trước khi tham khảo bài giải bạn hãy tự giải cho mình nhé bằng cách XEM DEMO và đăng nhập vào ...
hay nhất đổi nội dung của thẻ HTML bằng Javascript - Bài tập Javascript
Sử dụng kiến thức đã học hãy viết chương trình gồm 2 button và 1 thẻ div, khi click vào button thứ nhất thì thiết lập nội dung cho thẻ div là "Demo thay đổi nội dung thẻ div bằng Javascript tại Zaidap.com", khi click vào button thứ hai thì gán nội dung là "Nội dung của thẻ div đã bị thay ...
Kiểm tra số nguyên tố bằng Javascript - Bài tập Javascript
Xin giới thiệu và ra mắt serie học javascript qua các bài tập thực hành, đây là một serie cung cấp các ví dụ để học Javascript một cách nhanh và dễ tiếp thu nhất, hy vọng qua serie này các bạn sẽ thích thú với ngôn ngữ Client này và thích luôn cả Zaidap.com.net . Bài đầu tiên này chúng ta sẽ ...
In ra thông báo khi click vào button bằng Javascript - Bài tập Javascript
Hãy viết chương trình khi click vào một button thì xuất hiện một thông báo với nội dung "Chào mừng bạn đến với Zaidap.com.net". Bạn tạo một input, sau đó thêm sự kiện khi click vào input đó thì sẽ alert lên câu thông báo như đề bài đưa ra. ...
Góp ý kiến cho series javascript căn bản - Javascript căn bản
Series học Javascript căn bản với hơn 50 bài viết được biên soạn dựa vào kiến thức của chính tác giả kèm với nguồn tài liệu phong phú trên internet, chủ yếu là trang W3C. Với số lượng 50 bài thì chưa phải là nhiều nha các bạn, mà đó mới chỉ là kiến thức nền để các bạn tìm hiểu thêm các phần nâng cao ...
HTML5 localStorage và sessionStorage - Javascript căn bản
Như bạn biết, Cookie trong Javascript có công dụng lưu trữ dữ liệu tạm thời ở browser, chúng ta hay sử dụng nó để lưu trữ các thông tin cấu hình cho mỗi user và đương nhiên là các thông tin này giữa các users sẽ không liên quan với nhau. Cookie thật sự rất hữu ích và không thể thiếu khi bạn xây dựng ...
