Random Password Generator

this is simple logic for generate random password with controls. Developed By Ravi Makwana ravimmakwana3@gmail.com

by RaviMakwana

HTML

<div id="banner-message">
  <p id="pwd">Password</p>
  <button>Generate Password</button> <br /> <br />
  <label>Length <input type="range" min="0" max="20" id="Length" value="8"> </label>  <br/>
  <label><input type="checkbox" id='A-Z' checked> A-Z</label>  
  <label><input type="checkbox" id='a-z' checked> a-z</label>
  <label><input type="checkbox" id='0-1' checked> 0-1</label>
  <label>Additional Char <input type="text" id="SpecialChars" value="@#$%"> </label>  <br/>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

input[type=checkbox] {
    zoom: 2;
}

JavaScript

// find elements
var pwd = $("#pwd")
var button = $("button")
var len = $('#Length')
var A_Z = $('#A-Z')
var a_z = $('#a-z')
var num = $('#0-1')
var sc = $('#SpecialChars')


// handle click and add class
button.on("click", function(){
  pwd.html(CreateRandomPassword( len.val() ,A_Z.is(":checked"),a_z.is(":checked"),num.is(":checked"),sc.val()));
})

function CreateRandomPassword(Length, isUpperAlpha, isLowerAlpha, isNumaric ,SpecialChars)
{
  var _allowedChars = "";
  if (isUpperAlpha != false)
    _allowedChars += "ABCDEFGHJKLMNOPQRSTUVWXYZ";
  if (isLowerAlpha != false)
    _allowedChars += "abcdefghijkmnopqrstuvwxyz";
  if (isNumaric != false)
    _allowedChars += "0123456789";
  _allowedChars += SpecialChars;
  if(!Length)
    Length = 8
  var chars = "";
  allowedCharCount = _allowedChars.length;
  if(allowedCharCount == 0)
  	return " ";
  for (var i = 0; i < Length; i++)
  {
    chars += _allowedChars[Math.floor(Math.random() * Math.floor(allowedCharCount))];
  }
  return chars;
}