w3resource

JavaScript: Generates a string id (specified length) of random characters

JavaScript Function: Exercise-20 with Solution

Write a JavaScript function that generates a string id (specified length) of random characters.

Sample character list : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"

Sample Solution: -

HTML Code:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Generates a string id (specified length) of random characters</title>
</head>
<body>
  
</body>
</html>

JavaScript Code:

function makeid(l)
{
var text = "";
var char_list = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for(var i=0; i < l; i++ )
{  
text += char_list.charAt(Math.floor(Math.random() * char_list.length));
}
return text;
}
console.log(makeid(8));

Sample Output:

4SGqCfrz

Flowchart:

Flowchart: JavaScript function: Generates a string id (specified length) of random characters

Live Demo:

See the Pen JavaScript - Generates a string id (specified length) of random characters-function-ex- 20 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Write a JavaScript function that returns array elements larger than a number.
Next: Write a JavaScript function to get all possible subset with a fixed length (for example 2) combinations in an array.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.

JavaScript: Tips of the Day

Hide DOM Elements Dynamically

DOM elements can be done dynamically using JavaScript.
We can use the stykle.display property to do it.
For instance, we can write :

element.style.display = 'none';

It's the same as setting display: 'none'.
If we want to toggle them element back on, we can write:

element.style.display = 'block'

Ref: https://bit.ly/3mp5NgH