Command Palette

Search for a command to run...

safaetul.ahasanwhkd
Safaetul Ahasan
·2 min read

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

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

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

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

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

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

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

Comments

  • Type and hit enter to post comment
  • For multiline comments, use Shift + Enter
  • You can use markdown syntax for formatting

Cookie Consent

We use cookies to enhance your browsing experience and analyze our traffic. By clicking "Accept", you consent to our use of cookies.