Scribd
Upload
96 views3 pages

How To Generate A Random Password Using JavaScript

The document discusses two approaches to generate random passwords using JavaScript - the first approach combines random characters from strings of letters, numbers and symbols, while the second approach converts random numbers to base36 strings and slices off prefixes to create random passwords. An example is given for each approach to demonstrate how to implement the password generation methods.

Uploaded by

Dervpolo Vans
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
96 views3 pages

How To Generate A Random Password Using JavaScript

The document discusses two approaches to generate random passwords using JavaScript - the first approach combines random characters from strings of letters, numbers and symbols, while the second approach converts random numbers to base36 strings and slices off prefixes to create random passwords. An example is given for each approach to demonstrate how to implement the password generation methods.

Uploaded by

Dervpolo Vans
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

How to Generate a Random Password using

JavaScript ?
The task is to generate a random password that may consist of alphabets, numbers, and
special characters. This can be achieved in various ways in this article we will discuss the
most popular two methods which are discussed below to solve the problem.
Approach 1: Make a string consist of Alphabets(lowercase and uppercase), Numbers and
Special Characters. the we will use Math.random() and Math.floor() method to
generate a number in between 0 and l-1(where l is length of string). To get the character
of the string of a particular index we can use .charAt() method. This will keep
concatenating the random character from the string until the password of the desired
length is obtained.
 Example: This example implements the above approach.

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Generate a Random Password
        using JavaScript
    </title>
</head>
  
<body style="text-align:center;">
      
    <h1 style="color: green"> 
       PASSWORD SUGGESTION 
    </h1>
      
    <h3>
        Click on the button to
        generate random password.
    </h3>
      
    <button onclick="gfg_Run()">
        Click Here
    </button>
    <br>
      
    <div>
        <p id="geeks"></p>
    </div>
      
    <script>
        var el_down = document.getElementById("geeks");
  
        /* Function to generate combination of password */
        function generateP() {
            var pass = '';
            var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' + 
                    'abcdefghijklmnopqrstuvwxyz0123456789@#$';
              
            for (let i = 1; i <= 8; i++) {
                var char = Math.floor(Math.random()
                            * str.length + 1);
                  
                pass += str.charAt(char) // pass = pass + str.charAt(char)
            }
              
            return pass;
        }
  
        function gfg_Run() {
            el_down.innerHTML = generateP();
        }
    </script>
</body>
  
</html>

 Output:

Approach 2: In this approach we will use Math.random() method to generate a number


in between 0 and 1 then convert it to base36(which will consist of 0-9 and a-z in
lowercase letters) using .toString() method. To remove the leading zero and decimal
point .slice() method will be used and Math.random().toString(36).slice(2) to generate
the password. For uppercase letters use the same method with .uppercase() method in
concatenation with the previous method.
 Example: This example implements the above approach.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        Generate a Random Password
        using JavaScript
    </title>
</head> 
  
<body style = "text-align:center;"> 
      
    <h1 style = "color: green"> 
        PASSWORD SUGGESTION
    </h1>
      
    <h3>
        Click on the button to
        generate random password.
    </h3>
      
    <button onclick = "gfg_Run()"> 
        Click Here
    </button>
      
    <p id = "geeks"></p>
      
    <script>
        var el_down = document.getElementById("geeks");
          
        function gfg_Run() {
            el_down.innerHTML = 
                Math.random().toString(36).slice(2) + 
                Math.random().toString(36)
                    .toUpperCase().slice(2);
            } 
    </script> 
</body> 
  
</html>      

You might also like