পাসওয়ার্ড সো & হাইড

সোমবার, ৩০ আগস্ট ২০২১, দুপুর ১০:৩৭ সময়

পাসওয়ার্ড সো & হাইড অতন্ত্য সহজ কিন্তু কুল একটি বিষয় | কাজটা করতে ১ জন ডেভলোপার এর মাত্র ১ মিনিট সময় লাগলেও ইউজার এর কাছে বিষয়টি সেই লেভেলের মনে হয় | আমার নিজের-ই বোরিং লাগে যে সব ওয়েবসাইটে পাসওয়ার্ড সো এবং হাইড করা যায় না সে সব সাইটে পাসওয়ার্ড টাইপ করতে | ভাই আমি তো মানুষ | পাসওয়ার্ড টাইপ করার সময় ভুলতো হতেই পারে | যদি পাসওয়ার্ড হাইড ও সো করার সিস্টেম থাকে তাহলে লগ ইন রিকোয়েষ্ট এর আগে এক বার পাসওয়ার্ড সো করে দেখে নিলে আর কোনো ঝামেলা থাকে না |

পাসওয়ার্ড হাইড ও সো এর বিষয়টা আর কিছুই না | যাষ্ট একটা ট্রিক |

আমি রিয়াক্ট দিয়ে কি ভাবে পাসওয়ার্ড হাইড ও সো করতে হয় সেটা ব্যাখা করতেছি |

আপনি একটা স্টেট নিবেন পাসওয়ার্ড হাইড ও সো করার জন্য |

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" } />

তারপর >>>>> তারপর আর কিছু নাই | খেল অলরেডী শেষ | আপনার পাসওয়ার্ড হাইড ও সো সিস্টেম রেডী | এখন শুধু চেক করা বাকী |