Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ पासवर्ड दृश्यता के बीच कैसे टॉगल करें?


जावास्क्रिप्ट के साथ पासवर्ड दृश्यता के बीच टॉगल करने के लिए, कोड इस प्रकार है -

उदाहरण

<!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. जावास्क्रिप्ट के साथ एक तत्व को छिपाने और दिखाने के बीच कैसे टॉगल करें?

    जावास्क्रिप्ट के साथ किसी तत्व को छिपाने और दिखाने के बीच टॉगल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {      

  1. सीएसएस और जावास्क्रिप्ट के साथ पसंद/नापसंद बटन के बीच कैसे टॉगल करें?

    CSS और JavaScript के साथ पसंद/नापसंद बटन के बीच टॉगल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <style>  

  1. CSS और JavaScript के साथ डार्क और लाइट मोड के बीच कैसे स्विच करें?

    जावास्क्रिप्ट के साथ डार्क और लाइट मोड के बीच स्विच करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       padding: