Cách vượt qua Slider CAPTCHA với JS và Puppeteer - Bài tập Javascript
Mã Captcha giúp bảo vệ trang web tránh khỏi vấn đề SPAM trên website, vì vậy những form đăng nhập hay bình luận thường sẽ có mã captcha bắt buộc người dùng phải nhập đúng thì mới cho submit. Việc tạo mã captcha mặc dù tốt cho website nhưng lại không tốt cho trải nghiệm người dùng. Vì vậy có nhiều ...
JavaScript Operators Reference - Bài tập Javascript
JavaScript Operators được sử dụng để tính toán, so sánh các giá trị, biểu diễn các phép toán trong toán học, v...v. Và trong bài này mình sẽ cùng tìm hiểu một số toán tử thông qua các ví dụ thực tế. JavaScript Arithmetic Operators Các phép tính được sử dụng để biểu diễn các phép tính giữa các ...
Hiển thị thông báo lên console firebug giống Facebook - Bài tập Javascript
Xin chào tất cả các bạn, hôm nay mình sẽ hướng dẫn các bạn xây dựng một plugin nho nhỏ cho website của mình, tuy đơn giản nhưng nó vô cùng thú vị và lạ mắt. Đó chính là show thông báo lên console firebug giống như Facebook. Cái này chắc nhiều bạn cũng thấy hoài nhưng không biết Facebook làm như thế ...
Javascript tips: Cách xóa phần tử ra khỏi mảng - Bài tập Javascript
Chúng ta có hai cách xóa phần tử của mảng đó là sử dụng lệnh delete và hàm splice của Array, trong hai cách này thì ta nên sử dụng hàm splice để xóa bởi lệnh delete chỉ xóa giá trị thành undefined chứ không xóa phần tử vĩnh viễn, còn hàm splice thì xóa vĩnh viễn. Sử dụng lệnh delete Trong ...
Javascript tips: Cắt ngắn một mảng sử dụng length - Bài tập Javascript
Nếu bạn muốn thay đổi tổng số phần tử thì có thể sử dụng thuộc tính length của mảng. Thuộc tính lengh chứa thông tin tổng số phần tử của mảng nên khi bạn thay đổi giá trị của length tức là bạn đã thay đổi tổng số phần tử của mảng. Chúng ta có ba trường hợp, thứ nhất là tăng phần tử, thứ hai là ...
Javscript tips: Một số cách sử dụng DOM truy vấn HTML - Bài tập Javascript
Xây dựng giao diện HTML mà thiếu đi CSS giống như bạn đi xây dựng một ngôi nhà mà không trang trí, và nếu thiếu Javascript thì giống như bạn xây nhà xong mà không mua sắm các thiết bị sử dụng trong nhà, vì vậy đây là bộ 3 không thể tách rời nhau được. Nhưng vấn đề là làm thế nào để Javascript có ...
Javascript tips: Tìm số lớn nhất và nhỏ nhất trong mảng - Bài tập Javascript
Thông thường muốn tìm giá trị lớn nhất hoặc nhỏ nhất trong một mảng các số thì ta phải lặp qua từng phần tử để tìm, tuy nhiên bây giờ có một cách đơn giản như sau: Code RUN // Danh sách các phần tử var numbers = [53, 4558 , 4120 , -2165 , 2528 , ...
Javascript tips: Nên sử dụng dấu chấm phẩy kết thúc lệnh - Bài tập Javascript
Mình đã từng sử dụng khá nhiều thư viện trên internet và mình thấy một điều là rất nhiều người có thói quen không thêm dấu chấm phẩy ; để kết thúc lệnh, điều này chạy trong chế độ strict mode không nghiệm ngặt thì được nhưng khi chuyển sang chế độ nghiêm ngặt thì sẽ bị lỗi, vì vậy hãy tập thói ...
Javascript tips: Nên sử dụng === thay nhất vì == - Bài tập Javascript
Trước đây mình cũng hay sử dụng toán tử == lắm, nhưng kể từ phiên bản Netbeans 7 trở đi thì khi mình sử dụng toán tử == nó sẽ hiển thị nút cảnh báo nên thay thế bằng toán tử ===. Tại sao lại như vậy thì trong bài này mình sẽ làm sáng tỏ nhé. (tham khảo thêm bài a++ và ++a khác nhau như thế ...
Javascript tips: Chuyển đổi đúng kiểu dữ liệu - Bài tập Javascript
Đối với các ngôn ngữ cấp cao như C#, Java thì khi bạn gán dữ liệu cho biến mà không trùng với kiểu dữ liệu lúc khai báo thì lập tức sẽ sinh lỗi ngay, nhưng với Javascript thì bạn rất thoải mái trong việc gán dữ liệu. Tuy nhiên bạn nên thực hiện chuyển đổi kiểu dữ liệu cho đúng với nhu cầu của bài ...
Javascript tips: Luôn sử dụng var để khai báo biến - Bài tập Javascript
Theo quy tắc khai báo biến thì bạn phải sử dụng từ khóa var đặt trước tên biến, vì vậy nếu bạn đang có thói quen khai báo biến mà không có sử dụng từ khóa var thì từ bây giờ hãy bỏ thói quen này đi, điều này rất nguy hiểm cho chương trình của bạn. Khai báo biến trong ...
Chuyển đổi phần tử của 2 thẻ Select Multiple - Bài tập Javascript
Hôm nay ngồi buồn nên tiếp tục biên soạn bài tập cho series Javascript Example, và trong bài này chúng ta sẽ xây dựng một ứng dụng cho phép chuyển đổi các phần tử giữa hai thẻ select multiple. Ứng dụng này cũng rất hay gặp trong thực tế, ví dụ bạn xây dựng form quản lý tin tức cho phép người dùng ...
Lấy giá trị của thẻ Select Multiple bằng Javascript - Bài tập Javascript
Giả sử bạn đang xây dựng một trang tin tức cho phép người dùng chọn nhiều chuyên mục khi đăng bài viết, lúc này bạn sẽ phải lụa chọn một là hiển thị chuyên mục dạng checkbox, hai là hiển thị chuyên mục dạng select box nhưng hiển thị multiple. Bài toán đặt ra là làm sao để biết người dùng đã chọn ...
Bắt sự kiện onchange của thẻ select - Bài tập Javascript
Thông thường ta hay sử dụng Javascript để bắt sự kiện onchange của thẻ select. Sự kiện onchange là sự kiện khi bạn thay đổi lựa chọn của select box. Ví dụ trang nhập thông tin giới tính bạn sẽ có hai giá trị đó là nam hoặc nữ, nếu bạn thay đổi từ nam sang nữ hoặc ngược lại thì sẽ xảy ra sự kiện ...
Lấy giá trị của Radio button checked bằng Javascript - Bài tập Javascript
Cho 2 Radio button có cùng tên là gender (giới tính) gồm hai giá trị là Nam và Nữ, hãy tạo ra một button và xử lý sự kiện khi click vào button đó thì in ra giá trị của giới tính mà người dùng đã chọn (đã checked). Về nguyên tắc thì lấy giá trị cũng có cú pháp tương tự như thiết lập ...
ạo check all và uncheck all trong Javascript - Bài tập Javascript
Thông thường khi xây dựng chức năng quản lý danh sách dữ liệu thì mỗi record ta sẽ bổ sung một nút checkbox để khi người dùng muốn xóa record nào thì chỉ cần checked vào record đó. Để làm được chức năng này thì bạn phải kết hợp cả Javascript và ngôn ngữ Server như PHP, JSP, ASP ... Tuy nhiên trong ...
Bắt sự kiện checkbox trong javascript - Bài tập Javascript
Cho một checkbox, hãy viết chương trình xử lý khi người dùng thay đổi trạng thái của checkbox từ uncheck sang checked thì thông báo là "bạn vừa chọn checkbox này", và ngược lại thì thông báo là "bạn vừa bỏ chọn checkbox này". Thực ra trong Javascript không hề có sự kiện checked hay ...
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, ...
