Chức Năng Đăng Nhập , Đăng Kí Bằng Javascript

[@vitran6426]

Mình có ra 1 video phần 2 để giải thích thêm nếu các bạn làm chưa được link video : kzbin.info/www/bejne/jIDaaayHd9eHiZI

[@phantomcat6239]

bài giảng của bạn rất hay, cảm ơn vì tất cả

[@namdinhvan4496]

cảm ơn bạn, video rất là dễ hiểu. Cảm ơn bạn nhé

[@immahuyhoang]

Bạn tắt tab Explorer của vscode đi. Window + (left-right) để chia màn hình với cái form sign-up/sign-in nhìn cho trực quan hơn là bấm Ctrl+tab chuyển như vậy.

[@vitran6426]

À mình biết nhưng mà màn hình lap của mình cũng nhỏ nên mình hay tab qua tab lại bạn thông cảm 😅

[@vitran6426]

Bài này mình làm lâu rồi có những lỗi sai mình đã update lại trên github nếu các bạn chưa làm được thì có thể lên git tải về tham khảo mình đã commit đoạn code mới rồi

[@hienvinhle1797]

Bạn bấm ctrl + shift + P rồi chọn simple browser copy link index.html của bạn paste vào để tạo cửa sổ web bạn khỏi phải table cực ^^

[@vitran6426]

Cảm ơn bạn góp ý

[@vuongvangiang2004]

Mong anh ra thêm nhiều video dạy

[@vitran6426]

Anh cũng muốn ra nhanh lắm mà mấy nay bận quá

[@ucvan5050]

extention bạn dùng để hiển thị thuộc tính, ví dụ như elementId: là gì thế

Mình gặp lỗi khi trong localstorage có 3 tài khoản, nếu mình nhập đúng 1 tài khoản thì nó hiện 3 popup rồi mới vô, số lần hiện popup dựa theo số tài khoản trong localstorage…. Bạn hướng dẫn với

[@vitran6426]

Bạn ib fb gửi code cho mình xem

[@TuanHuy.1107]

anh ơi, em làm theo anh nhưng mà data nhập vào nó k lưu zô storage thì sao ạ? mong anh giải đáp

[@oaihocdanh]

làm sao để tạo dấu ; cuối câu mà k cần trỏ vào cuối ạ

[@hutrontv]

Anh ơi anh hướng dẫn js lưu thông tin người dùng như avatar, tên,... được không anh

[@gemfbmyheart]

đúng thứ đang cần

[@cuonvc]

Nếu đăng nhập xong mà tắt tab đi thì khi vào lại có phải đăng nhập lại ko b

[@vitran6426]

cái này nó chỉ chuyển tab thôi bạn nên khi vào trang nào thì nó hiện ra trang đó

[@thanhnhat1700]

Ad làm key kích hoạt cho extension photoshop không vậy? Kích hoạt mỗi key chỉ dùng đc trên 1 máy. Phần khung & chức năng đã có sẵn, còn thiếu key thôi

[@vitran6426]

Chưa hiểu ý bạn nói lắm

[@thanhnhat1700]

Phần code trong extension tương tự thế này nè ad kzbin.info/www/bejne/i32Xl6ukiLpmqLM

[@nguyennguyenhoang508]

phần đăng kí em muốn thêm phần chọn giới tính xong thì bên js làm như thế nào để nó save lại ạ

[@vitran6426]

chọn giới tính thì em lấy value của option lưu vào localstorage thôi

[@ChisKTV]

Bạn đã đổi bàn phím cơ khác chưa. Nghe tiếng phím của bạn thì cá nhân mình nghe kho chịu ghê :(

[@vitran6426]

Xin lỗi bạn mình cũng vừa đổi con phím khác 😅 video sau sẽ không khó chịu nữa

[@dianadev1702]

Theo em hình dung thì mình nên có 1 database dạng JSON để lưu trữ thông tin người đăng kí ah nhỉ . Kiểu có hàng trăm người đăng kí rồi nó lưu trữ lại để mai họ đăng nhập lại thì còn có cái để so sánh . Như trong video hình như là chưa có cái đó đúng ko ah ?

[@vitran6426]

Đúng rồi bạn nếu bạn muốn mình sẽ quay hướng dẫn thêm

[@dianadev1702]

@@vitran6426 Dạ , anh làm sớm thì tốt quá ạ

[@luisdato1712]

Anh ơi cho em hỏi ví dụ như mình có 1 mảng gồm các object như let todos = [{ name: clear the floor time: 1/1/2022 } , { name: wash dishes time:2/1/2022 }]; thì mình có thể đặt tên cho các object trong mảng này đc ko ạ

[@vitran6426]

ý bạn là như này à let todos = [ { todo1: { name: "clear the floor", time: "1/1/2022" }, todo2: { name: "wash dishes", time: "2/1/2022" } } ];

[@luisdato1712]

@@vitran6426 đúng ý em rồi ạ. Nhưng nếu làm vậy thì giả sử muốn gọi đến phần tử todo1 trong mảng todos thì phải dùng lệnh như nào ạ

[@vitran6426]

@@luisdato1712 todos[0].todo1

[@luisdato1712]

@@vitran6426 số 0 trong ngoặc vuông có nghĩa gì vậy ạ

[@levanlocbavi2002]

Em làm theo nhưng không được anh ơi, cho em xin project với ạ

[@vitran6426]

Mình có để ở phần mô tả á bạn

[@dianadev1702]

Em đang làm 1 Web tìm việc làm front-end . Em có thiết kế xong giao diện đăng kí, đăng nhập , trang chủ có hiển thị danh sách các công việc . Em còn tìm hiểu về Json , cơ mà e vẫn chưa hiểu làm sao để 1 Web chạy bình thường được ạ . Kiểu đầu tiên là đăng kí , đăng nhập tài khoản , sau đó click vào 1 ô công việc rồi sẽ hiển thị chi tiết công việc đó . Sau đó ấn đăng kí công việc đó ý ạ . Mong anh bớt chút time giải thích câu hỏi gà mờ của em với ạ :))

[@vitran6426]

Em đã học database chưa làm frontend thì chỉ làm về phần UX/UI thôi còn phần xử lí đăng ký đăng nhập thì nó ở backend

[@dianadev1702]

@@vitran6426 Dạ thế ạ . Tại em nghe nói có công cụ Json hay cái gì đó hỗ trợ FE làm công việc của BE luôn , kiểu Test API . KO biết em nghe nhầm ko ý !!

[@vitran6426]

@@dianadev1702 Như này Backend thì tạo ra các API còn Frontend thì lấy API về để xử lí render ra dữ liệu hiển thị trên giao diện

[@PhucNguyenHoang-po9dt]

Bạn ơi cho mình hỏi là cái mk và tk sẽ đi đâu và sao để mình coi được tk vs cái mk đó

[@vitran6426]

Lưu vào localstorage nhé

[@trungphamofficial363]

Phần thông tin người dùng như tài khoản mật khẩu mình lưu vào dataabase thì như nào b

[@dunglethe612]

Nếu mình gõ luôn địa chỉ todoList thì nó chuyển luôn vậy làm sao để kiểm tra xem đăng nhập rồi thì cho vào mà chưa đăng nhập thì quay lại trang login vậy ạ!

[@vitran6426]

Thì bạn lưu nó session storage rồi kiểm tra điều kiện là được

[@dunglethe612]

@@vitran6426 kiểm tra ở thẻ trước html trước khi nó load đúng k anh

[@vitran6426]

@@dunglethe612 kiểm tra xem có session user không nếu có thì cho phép truy cập vào trang đó còn không thì bắt đăng nhập

[@vunguyenhuy3688]

bạn ko lọc đầu vào ha check nào email mật khẩu tối thiểu đồ á

[@vitran6426]

Khi nào rảnh mình sẽ làm thêm phần validation tại mình làm này chủ yếu là xử lí logic thôi

[@ductran2221]

em cũng tải source code về nh vẫn không chạy được phần đăng nhập cứu e vơi

[@vitran6426]

Bạn ib gửi hình cho mình xem đi

[@tuan9700]

Ghê vậy bạn :))

[@vitran6426]

Mình biết gì thì chia sẽ thôi bạn haha

[@goodmoviehouse]

chào bạn bạn có nhận dạy học viên bạn ạ

[@vitran6426]

Có á bạn ib mình

[@goodmoviehouse]

@@vitran6426 IB QUA NÀO BẠN Ạ CHO CÁI MÌNH LIÊN HỆ BẠN

[@FiiMusic]

Đẩy cái này lên glitch thì nó có store lại tk mk k ạ?

[@vitran6426]

Không bạn nó chỉ lưu vào localstorage trình duyệt của máy bạn thôi

[@FiiMusic]

@@vitran6426 vậy làm sao để store lại dữ liệu tk mk để ghi up lên glitch gửi bạn bè thì vẫn sử dụng những tk mk đó đc lại ạ?

[@vitran6426]

@@FiiMusic bạn có thể tìm hiểu firebase để lưu tài khoản người dùng vào csdl

[@huyvo9514]

bạn ơi bạn còn đó không giúp mình lỗi này với bạn

[@vitran6426]

Bạn ib mình xem

[@huyvo9514]

@@vitran6426 lỗi của mình là khi đưa lên localStorage thì nó chỉ nhận mỗi email còn username và password thì nó lại không nhận mình loay hoay mãi mà k fix được

[@NETTV9]

Mò cả buổi trời không xong may mắn sao tìm được phây búc Moganit họ làm cho vừa nhanh lại được việc

[@kiyotakasenpai2673]

chữ e kia có nghĩa là j ạ?

[@vitran6426]

Nó được sử dụng để ngăn chặn hành vi mặc định của một sự kiện. Ví dụ, khi bạn nhấn vào một liên kết trong một trang web, trình duyệt sẽ tự động chuyển hướng bạn đến trang mới. Nếu bạn muốn ngăn chặn hành vi mặc định này và thay vào đó thực hiện một hành động khác, bạn có thể sử dụng e.preventDefault().

[@thaibaole7698]

bạn cho mình hỏi sau mình window.location.href nhưng nó không chuyển tới file html mình muốn v: code của mình: if(inputCaptchaValue ==""){ alert("Vui Lòng Nhập Captcha"); }else if(inputCaptchaValue===captchaValue&&username!=""&&pass!=""){ alert("Đăng Nhập Thành Công"); window.location.href="saukhilogin.html"; }else if(inputCaptchaValue!==captchaValue){ alert("Captcha Vừa Nhập Không Đúng"); }else if(username==""||pass==""){ alert("Vui Lòng Nhập Đầy Đủ"); }

[@vitran6426]

Bạn truyền đường dẫn đúng không

[@thaibaole7698]

@@vitran6426 dạ đúng ạ

[@thaibaole7698]

@@vitran6426 drive.google.com/drive/folders/1vb8Ycao4U29MRQvuYVu9bQabqpmS7xdc?usp=sharing.Code của mình đây ạ, mình muốn là sau khi login sẽ nhảy vào saukhilogin.html mà ko dc mong bạn giúp

[@NguyenHieu-dg5nt]

bạn thử đổi dòng windowlocation lên trước alert coi được k bạn

[@phuonghoai9987]

Bạn có nhận làm ko bạn ?

[@vitran6426]

Mình có nhận làm nhé

[@TrangNguyen-ie7me]

Anh cho em hỏi nếu đăng nhập xong chuyển sang 1 trang khác làm ntn ạ

[@vitran6426]

Mình dùng window.location.href = đường dẫn muốn chuyển

[@Nguyenthphuongngan]

đăng nhập không ghi gì vẫn đăng nhập thanh công

[@vitran6426]

bạn lên git tải lại xem có được không

[@binnn0502]

cái bảng signup thì em nhấn vô đăng ký lun không ghi nội dung gì cả , mà qua trang login vẫn login đc!!

[@vitran6426]

Bạn ib gửi code mình xem thử

[@endavotri]

mình làm i vậy nhưng khi đăng nhập nó bảo thành công nhưng lại không chuyển trang mà nó bị sập thì code mình bị gì v ạ

[@vitran6426]

Bạn copy code cho mình xem

[@endavotri]

@@vitran6426 mình đã ib, rep mình với

[@nguyenviet4441]

nhâp 2 mk khác nhau vẫn dky thành công là sao

[@vitran6426]

có thể là điều kiện sai nên bạn xem lại code thử xem

[@nguyenviet4441]

@@vitran6426 mình lấy source code của bạn đó ạk

[@vitran6426]

@@nguyenviet4441 à cái nhập lại mật khẩu là mình để cho có vậy thôi chứ mình chưa validation cho nó nên nó mới vậy , bạn có thể làm thêm chức năng đó cho nó

[@laptrinhcogivui]

Mình xem qua video của bạn thì mình cảm thấy bạn chưa đủ kiên thức js basic để làm video hướng dẫn Mình sẽ chỉ ra 1 vài vấn đề trước mắt : 1. event là e nhưng bạn để là event.preventDefault() 2. ES6 đã có shorthand là trong 1 obj, key value giống nhau thì ghi key thôi là được 3. Biến không còn khai báo hay gán lại thì nên xài const Mình nghĩ bạn học theo cách xem video của người khác hoặc là học kiến thức quá cũ dẫn đến cú pháp chưa hợp lý, mong bạn trau dồi thêm kiến thức rồi làm clip

[@vitran6426]

Những cái này mình biết chứ bạn 😅 video này mình làm lâu rồi đăng lên cho mọi người tham khảo thôi , sắp tới có thể mình sẽ làm video về ReactJs nhưng hiện tại mình còn bận .

[@laptrinhcogivui]

@@vitran6426 vấn đề không là vậy, khi bạn chia sẽ thông tin , kiến thức của mình đồng nghĩa sẽ có người tiếp thu kiến thức đó từ bạn, kiến thức sai lệch sẽ khiến người tiếp thu sai lệch thôi

[@anhhoccoder5358]

mình thấy bạn lê tiến đạt nói vậy ko đúng rồi 1. e là viết tắt của event viết thế chẳng được bạn đó ko thích viết tắt thôi 2. bạn đó ko thích viết shorthand để người xem có thể hiểu 3. có thể bạn đó chỉ học ES5 thôi lên chỉ vậy Còn phần logic thì mình ko nói đến

[@Eddie-day-ne]

rồi case đn thất bại đâu =))

[@vitran6426]

bạn xem code trên github á

[@Eddie-day-ne]

@@vitran6426 ông ơi cái vụ get item từ cái username ấy, nếu mình bỏ trống hoặc nhập sai thì sao nó lấy ra mà so sánh đc hả ông

[@vitran6426]

@@Eddie-day-ne thì nó không so sánh được nên nó đăng nhập thất bại

[@CongaMaiDau76463]

Hiện đang làm việc ở đâu vậy bạn?

[@vitran6426]

Mình ở Cần Thơ bạn

[@CongaMaiDau76463]

@@vitran6426 bạn thấy CT có việc làm cho front end ko bạn hay phải lên SG. Mình cũng gần CT. Tks

[@vitran6426]

@@CongaMaiDau76463 lên sg đi bạn ở đây ít việc lắm