পাসওয়ার্ড সো & হাইড অতন্ত্য সহজ কিন্তু কুল একটি বিষয় | কাজটা করতে ১ জন ডেভলোপার এর মাত্র ১ মিনিট সময় লাগলেও ইউজার এর কাছে বিষয়টি সেই লেভেলের মনে হয় | আমার নিজের-ই বোরিং লাগে যে সব ওয়েবসাইটে পাসওয়ার্ড সো এবং হাইড করা যায় না সে সব সাইটে পাসওয়ার্ড টাইপ করতে | ভাই আমি তো মানুষ | পাসওয়ার্ড টাইপ করার সময় ভুলতো হতেই পারে | যদি পাসওয়ার্ড হাইড ও সো করার সিস্টেম থাকে তাহলে লগ ইন রিকোয়েষ্ট এর আগে এক বার পাসওয়ার্ড সো করে দেখে নিলে আর কোনো ঝামেলা থাকে না |
পাসওয়ার্ড হাইড ও সো এর বিষয়টা আর কিছুই না | যাষ্ট একটা ট্রিক |
আমি রিয়াক্ট দিয়ে কি ভাবে পাসওয়ার্ড হাইড ও সো করতে হয় সেটা ব্যাখা করতেছি |
আপনি একটা স্টেট নিবেন পাসওয়ার্ড হাইড ও সো করার জন্য |
const [showPass, setShowPass] = useState(false)
তারপর আপনি পাসওয়ার্ড হাইড ও সো করারনোর জন্য দুইটা বাটন বা আইকন নিবেন এবং কন্ডিশন ইউজ করে একটা বাটন দেখাবেন|
{
showPass? "hide password" : "show password"
}
তারপর আপনি hide password ও show password এ অনক্লিক ইভেন্ট ইউজ করবেন|
//onclick for hidePassword
const hidePass = () => {
setShowPass(false)
}
//onclick for showPass
const showPass= () => {
setShowPass(true)
}
এরপর শেষ কাজ| পাসওয়ার্ডের জন্য যে ইনপুট বক্স নিয়েছেন তার ইনপুট টাইপ কন্ডিশনালী চেঞ্জ করতে হবে|
<input type={showPass ? "text" : "password" } />
তারপর >>>>> তারপর আর কিছু নাই | খেল অলরেডী শেষ | আপনার পাসওয়ার্ড হাইড ও সো সিস্টেম রেডী | এখন শুধু চেক করা বাকী |