কম্পিউটার

জাভাস্ক্রিপ্ট দিয়ে পাসওয়ার্ডের দৃশ্যমানতার মধ্যে কীভাবে টগল করবেন?


জাভাস্ক্রিপ্টের সাথে পাসওয়ার্ড দৃশ্যমানতার মধ্যে টগল করতে, কোডটি নিম্নরূপ -

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<h1>Password visibility example</h1>
Password:
<input type="password" value="abcd@1234" id="inputPass" /><br /><br />
<input class="check" type="checkbox" />Show Password
<h2>Click on the above checkbox to see your password as text</h2>
<script>
   document.querySelector(".check").addEventListener("click", showPass);
   function showPass() {
      var inputPassEle = document.getElementById("inputPass");
      if (inputPassEle.type === "password") {
         inputPassEle.type = "text";
      } else {
         inputPassEle.type = "password";
      }
   }
</script>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

জাভাস্ক্রিপ্ট দিয়ে পাসওয়ার্ডের দৃশ্যমানতার মধ্যে কীভাবে টগল করবেন?

শো পাসওয়ার্ড চেকবক্স চেক করার সময় -

জাভাস্ক্রিপ্ট দিয়ে পাসওয়ার্ডের দৃশ্যমানতার মধ্যে কীভাবে টগল করবেন?


  1. কিভাবে জাভাস্ক্রিপ্ট দিয়ে টেক্সট টগল করবেন?

  2. জাভাস্ক্রিপ্ট দিয়ে একটি উপাদান লুকানো এবং দেখানোর মধ্যে কীভাবে টগল করবেন?

  3. সিএসএস এবং জাভাস্ক্রিপ্টের সাথে একটি পছন্দ/অপছন্দ বোতামের মধ্যে কীভাবে টগল করবেন?

  4. সিএসএস এবং জাভাস্ক্রিপ্ট দিয়ে অন্ধকার এবং হালকা মোডের মধ্যে কীভাবে স্যুইচ করবেন?