Hello friends today I'm going to share with you a html code which can generate the password for the users. I hope this article is going to be helpful for the people who are beginners in programming. Let's get started on the topic.
What will our today's project's result look?
Before I share you the source code of an offline password generator, let me show you some images of it.
Our project's output will be this:
Our Offline Password Generator in Portrait Mode.
Our Offline Password Generator in Landscape Mode
The Download Button is given at the end of this article.
Now let me share with you the source code.
Source Code For Password Generator
Html Code For Password Generator
First of all, We will need the html code to create our Password Generating Page.
You can copy the html code from the copy button below. The following is our html code.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
<!--Paste CSS Here...-->
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Password Generator</title>
</head>
<body onload="OIU()">
<div class="container" >
<div id="sec_options">
<div class="chboxl2">Length of Password:</div>
<div class="chboxr2">
<select id="pgLength" title="Select length of your password." onclick="S7P( false );">
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
<option value="60">60</option>
<option value="61">61</option>
<option value="62">62</option>
<option value="63">63</option>
<option value="64">64</option>
<option value="65">65</option>
<option value="66">66</option>
<option value="67">67</option>
<option value="68">68</option>
<option value="69">69</option>
<option value="70">70</option>
<option value="71">71</option>
<option value="72">72</option>
<option value="73">73</option>
<option value="74">74</option>
<option value="75">75</option>
<option value="76">76</option>
<option value="77">77</option>
<option value="78">78</option>
<option value="79">79</option>
<option value="80">80</option>
<option value="81">81</option>
<option value="82">82</option>
<option value="83">83</option>
<option value="84">84</option>
<option value="85">85</option>
<option value="86">86</option>
<option value="87">87</option>
<option value="88">88</option>
<option value="89">89</option>
<option value="90">90</option>
<option value="91">91</option>
<option value="92">92</option>
<option value="93">93</option>
<option value="94">94</option>
<option value="95">95</option>
<option value="96">96</option>
<option value="97">97</option>
<option value="98">98</option>
<option value="99">99</option>
<option value="100">100</option>
<option value="101">101</option>
<option value="102">102</option>
<option value="103">103</option>
<option value="104">104</option>
<option value="105">105</option>
<option value="106">106</option>
<option value="107">107</option>
<option value="108">108</option>
<option value="109">109</option>
<option value="110">110</option>
<option value="111">111</option>
<option value="112">112</option>
<option value="113">113</option>
<option value="114">114</option>
<option value="115">115</option>
<option value="116">116</option>
<option value="117">117</option>
<option value="118">118</option>
<option value="119">119</option>
<option value="120">120</option>
<option value="121">121</option>
<option value="122">122</option>
<option value="123">123</option>
<option value="124">124</option>
<option value="125">125</option>
<option value="126">126</option>
<option value="127">127</option>
<option value="128">128</option>
<option value="129">129</option>
<option value="130">130</option>
<option value="131">131</option>
<option value="132">132</option>
<option value="133">133</option>
<option value="134">134</option>
<option value="135">135</option>
</select>
</div>
<div class="chboxl">Add Symbols:</div>
<div class="chboxr"><input type="checkbox" name="Symbols" id="Symbols" onclick="S7P( false );"></div>
<div class="chboxl">Add Numbers:</div>
<div class="chboxr"><input type="checkbox" name="Numbers" id="Numbers" onclick="S7P( false );"></div>
<div class="chboxl">Add Small Letters:</div>
<div class="chboxr"><input type="checkbox" name="Lowercase" id="Lowercase" onclick="S7P( false );"></div>
<div class="chboxl">Add Capital Letters:</div>
<div class="chboxr"><input type="checkbox" name="Uppercase" id="Uppercase" onclick="S7P( false );"></div>
<div class="chboxl">Exclude Similar Letters:</div>
<div class="chboxr"><input type="checkbox" name="Nosimilar" id="Nosimilar" onclick="S7P( false );"></div>
<div class="chboxl">Exclude Ambiguous Letters:</div>
<div class="chboxr"><input type="checkbox" name="NoAmb" id="NoAmb" onclick="S7P( false );"></div>
</div>
<div id="sec_btn">
<input id="genbtn" type="button" value="Generate" onclick="d2O();">
<input id="copybtn" type="button" value="Copy" onclick="OnCopy();">
</div>
<div id="sec_password">
<input name="final_pass" id="final_pass" type="text" size="75" value="Click Generate to Get your Password..." class="txt_password" onclick="s_('final_pass')";>
</div>
</div>
<br>
<b>Password Generator By:</b>
<!--Do Not Remove The Link Below, It will cause problems like crashing, not generating password and not copying po password etc.-->
<i><!--Read the Text Above before removing this line--><a href="https://techblogalways.blogspot.com">Techno-Guy</a></i>
</body>
<script type="text/javascript" charset="utf-8">
<!--Paste JavaScript Here...-->
</script>
</html>
Now we have its output as given below.
You can see that the page is generated but it will not work since it has no functions. To make it work we will need to add some JavaScript.
JavaScript For Password Generator
We will add JavaScript to our html code so that it may generate the password for the users and also the copy button may copy the generated code. So, we have the following JavaScript for our Password Generator.
function s_(a){document.getElementById(a).focus();document.getElementById(a).selectionStart=0;document.getElementById(a).selectionEnd=document.getElementById(a).value.length;}function cY_(e){var a=["apple","bestbuy","coffee","drip","egg","fruit","golf","hulu","iphone","jack","korean","laptop","music","nut","omelet","park","queen","rope","skype","tokyo","usa","visa","walmart","xbox","yelp","zip"];var d="";for(var b=0;b\\";}if(l==1){a+=d;g++}if(m==1){a+=h;g++}if(o==1){a+=p;g++}if(c==1){a+=j;g++}if(g==0){alert("You must select at least one character set!");return q}var n=a.length;var f=r-g;var q="";for(var e=0;e50 )k="";}else{var c=null;if(window.ActiveXObject){c=new ActiveXObject("Microsoft.XMLHTTP")}else{if(window.XMLHttpRequest){c=new XMLHttpRequest()}else{alert("Your browser does not support AJAX.");return}}var j="0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";var n=3;var m=0;var h=document.getElementById("final_pass").value;for(var d=0;d-1?b.substr(0,e):b;document.cookie=a+"=;expires=Thu, 01 Jan 2022 00:00:00 GMT"}}function Q2S(b){var a=Jm0(b);if(a!=null&&a!=""){if(a=="true"){document.getElementById(b).checked=true}else{document.getElementById(b).checked=true}}}function BBB(b,c){var a=document.getElementById(b).checked;Jx2(b,a,c)}function OIU(){if (window.top !== window.self) window.top.location.replace(window.self.location.href);Q2S("Symbols");Q2S("Lowercase");Q2S("Uppercase");Q2S("Numbers");Q2S("Nosimilar");Q2S("NoAmb");Q2S("SaveSettings");var a=Jm0("pgLength");if(a!=null&&a!=""){document.getElementById("pgLength").value=a}else{document.getElementById("pgLength").value=8}}function S7P(a){var c=document.getElementById("SaveSettings").checked;var d=60;if(c){BBB("Symbols",d);BBB("Lowercase",d);BBB("Uppercase",d);BBB("Numbers",d);BBB("Nosimilar",d);BBB("NoAmb",d);BBB("SaveSettings",d);var b=document.getElementById("pgLength").value;Jx2("pgLength",b,d)}else{if(a){x2J()}}};
function OnCopy()
{
var copyText = document.getElementById("final_pass");
copyText.select();
copyText.setSelectionRange(0, 99999); /*For mobile devices*/
document.execCommand("copy");
alert('Copied To Clipboard...');
if (window.getSelection) {
if (window.getSelection().empty) { // Chrome
window.getSelection().empty();
} else if (window.getSelection().removeAllRanges) { // Firefox
window.getSelection().removeAllRanges();
}
} else if (document.selection) { // IE?
document.selection.empty();
}
}
function MakeAndCopy()
{
d2O();
OnCopy();
}
Now just copy the code given above and paste it and the end of the html code.
I hope you understood this.
Now our Password Generator will work everything properly but it isn't looking good as it has only black and white colour. So now we will add some CSS to design our page so that the users may love it.
CSS For Password Generator
Now we will add inline CSS to our page using the style tag. We will not link any other CSS files like style.css etc.
Now Copy and paste this CSS code.
html {
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
background-color:#2254a3;
background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #987634),
color-stop(0.51, #585354)
);
background-attachment:fixed;
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
font-size:12px;
height:100%;
margin:0px;
padding:0px;
text-transform:uppercase;
width:100%;
}
body { font-family:Arial,Helvetica,sans-serif; font-size:16px; /*background: #fff; */} .container { width:280px; height:auto; margin: 0px auto; padding: 5px 0px 5px 0px; background:#987235; line-height: 23px; } #Logo { width: 32px; float:left; padding: 5px 0 0 0; } #LogoText { width: 212px; float:left; padding: 8px; font-size:18px; } #pgLength { float:left; width: 70px; font-family:Arial,Helvetica,sans-serif; font-size:16px; margin: 0px 0 0 0px; height: 22px; } .chboxl{ display: inline; text-align:left; float:left; width: 250px; margin:0; padding:0; height:27px; } .chboxr{ display: inline; text-align:left; float:left; width: 10px; margin:0; padding:0; height:27px; } .chboxl2{ display: inline; text-align:left; float:left; width: 200px; margin:0; padding:0; height:27px; } .chboxr2{ display: inline; text-align:left; float:left; width: 70px; margin:0; padding:0; height:27px; } .Phoneticl{ display: inline; text-align:left; float:left; width: 220px; height: 150px; } .Phoneticr{ display: inline; text-align:left; float:left; width: 60px; height: 150px; } #genbtn{ width: 125px; border-radius:25px; background-color:#54fa32; height: 38px; display: block; color:#000000; margin: 0 0 0 5px; padding:0 0 0 0; font-family:Arial,Helvetica,sans-serif; font-size:16px; float:left; border:1px solid #dfdfdf; } #copybtn{ width: 125px; height: 38px; display: block; border-radius:25px; background-color:#ff543a; color:#000000; margin: 0 0 0 10px; padding:0 0 0 0; font-family:Arial,Helvetica,sans-serif; font-size:16px; float:left; border:1px solid #dfdfdf; } #header { width: 260px; height: 40px; float: left; margin: 0 5px 10px 5px; text-align:left; padding: 5px 5px 3px 5px; border-bottom:1px solid #dfdfdf; } .ADMobile1 { width: 260px; min-height: 5px; float: left; margin: 0 5px 10px 5px; text-align:left; padding: 5px 5px 3px 5px; } .sec_blank { float:left; height:1px; width: 250px; margin: 0 10px 0px 10px; padding: 0px 5px 0px 5px; /* border-bottom:1px solid #dfdfdf;*/ } #sec_options {width: 270px; float: left; margin: 0 0 10px 0; padding: 2px 5px 2px 5px; } #sec_pron { width:200px; height: 150px; float:left; margin: 15px 0px 20px 0px; } #sec_btn { width:270px; margin: 0 0 0 0; text-align:left; padding:0px 5px 5px 5px; float:left; } #sec_password { width:270px; margin: 10px 0 0 0; text-align:left; padding:0px 5px 10px 5px; float:left; } #sec_tips { width:240px; margin: 0 10px 0 10px; float:left; text-align:left; margin: 30px 5px 0 5px; padding: 20px 15px 20px 15px; border:1px solid #4b99ff; background:#ebfaff; border-radius: 5px 5px; font-size:16px; } p { margin:0; padding:0; line-height: 27px; text-indent: 0px; } #sec_btm { font-size:14px; float:left; width: 260px; height: 30px; margin: 0px 0 0 0; padding:20px 5px 10px 5px; text-align: center; } #sec_btm a,a:link,a:visited { text-decoration: none; color: #0011ff; } #sec_btm a:hover { color: #0077ff; } .txt_password { width: 270px; border-radius:5px; border:1px solid black; height: 30px; font-family:Monospace,Arial,Helvetica,sans-serif; font-size:16px; color: #008040; padding: 0 0 0 5px; }
Now it is attractive as we have added CSS to our html page.
All The Codes Together
If you're a beginner at programming then you might be confused as the codes are long, So, I have added all the codes together. You can copy the code.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
html {
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
background-color:#2254a3;
background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
background-image:-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #987634),
color-stop(0.51, #585354)
);
background-attachment:fixed;
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
font-size:12px;
height:100%;
margin:0px;
padding:0px;
text-transform:uppercase;
width:100%;
}
body { font-family:Arial,Helvetica,sans-serif; font-size:16px; /*background: #fff; */} .container { width:280px; height:auto; margin: 0px auto; padding: 5px 0px 5px 0px; background:#987235; line-height: 23px; } #Logo { width: 32px; float:left; padding: 5px 0 0 0; } #LogoText { width: 212px; float:left; padding: 8px; font-size:18px; } #pgLength { float:left; width: 70px; font-family:Arial,Helvetica,sans-serif; font-size:16px; margin: 0px 0 0 0px; height: 22px; } .chboxl{ display: inline; text-align:left; float:left; width: 250px; margin:0; padding:0; height:27px; } .chboxr{ display: inline; text-align:left; float:left; width: 10px; margin:0; padding:0; height:27px; } .chboxl2{ display: inline; text-align:left; float:left; width: 200px; margin:0; padding:0; height:27px; } .chboxr2{ display: inline; text-align:left; float:left; width: 70px; margin:0; padding:0; height:27px; } .Phoneticl{ display: inline; text-align:left; float:left; width: 220px; height: 150px; } .Phoneticr{ display: inline; text-align:left; float:left; width: 60px; height: 150px; } #genbtn{ width: 125px; border-radius:25px; background-color:#54fa32; height: 38px; display: block; color:#000000; margin: 0 0 0 5px; padding:0 0 0 0; font-family:Arial,Helvetica,sans-serif; font-size:16px; float:left; border:1px solid #dfdfdf; } #copybtn{ width: 125px; height: 38px; display: block; border-radius:25px; background-color:#ff543a; color:#000000; margin: 0 0 0 10px; padding:0 0 0 0; font-family:Arial,Helvetica,sans-serif; font-size:16px; float:left; border:1px solid #dfdfdf; } #header { width: 260px; height: 40px; float: left; margin: 0 5px 10px 5px; text-align:left; padding: 5px 5px 3px 5px; border-bottom:1px solid #dfdfdf; } .ADMobile1 { width: 260px; min-height: 5px; float: left; margin: 0 5px 10px 5px; text-align:left; padding: 5px 5px 3px 5px; } .sec_blank { float:left; height:1px; width: 250px; margin: 0 10px 0px 10px; padding: 0px 5px 0px 5px; /* border-bottom:1px solid #dfdfdf;*/ } #sec_options {width: 270px; float: left; margin: 0 0 10px 0; padding: 2px 5px 2px 5px; } #sec_pron { width:200px; height: 150px; float:left; margin: 15px 0px 20px 0px; } #sec_btn { width:270px; margin: 0 0 0 0; text-align:left; padding:0px 5px 5px 5px; float:left; } #sec_password { width:270px; margin: 10px 0 0 0; text-align:left; padding:0px 5px 10px 5px; float:left; } #sec_tips { width:240px; margin: 0 10px 0 10px; float:left; text-align:left; margin: 30px 5px 0 5px; padding: 20px 15px 20px 15px; border:1px solid #4b99ff; background:#ebfaff; border-radius: 5px 5px; font-size:16px; } p { margin:0; padding:0; line-height: 27px; text-indent: 0px; } #sec_btm { font-size:14px; float:left; width: 260px; height: 30px; margin: 0px 0 0 0; padding:20px 5px 10px 5px; text-align: center; } #sec_btm a,a:link,a:visited { text-decoration: none; color: #0011ff; } #sec_btm a:hover { color: #0077ff; } .txt_password { width: 270px; border-radius:5px; border:1px solid black; height: 30px; font-family:Monospace,Arial,Helvetica,sans-serif; font-size:16px; color: #008040; padding: 0 0 0 5px; }
</style>
<title>Password Generator</title>
</head>
<body onload="OIU()">
<div class="container" >
<div id="sec_options">
<div class="chboxl2">Length of Password:</div>
<div class="chboxr2">
<select id="pgLength" title="Select length of your password." onclick="S7P( false );">
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
<option value="60">60</option>
<option value="61">61</option>
<option value="62">62</option>
<option value="63">63</option>
<option value="64">64</option>
<option value="65">65</option>
<option value="66">66</option>
<option value="67">67</option>
<option value="68">68</option>
<option value="69">69</option>
<option value="70">70</option>
<option value="71">71</option>
<option value="72">72</option>
<option value="73">73</option>
<option value="74">74</option>
<option value="75">75</option>
<option value="76">76</option>
<option value="77">77</option>
<option value="78">78</option>
<option value="79">79</option>
<option value="80">80</option>
<option value="81">81</option>
<option value="82">82</option>
<option value="83">83</option>
<option value="84">84</option>
<option value="85">85</option>
<option value="86">86</option>
<option value="87">87</option>
<option value="88">88</option>
<option value="89">89</option>
<option value="90">90</option>
<option value="91">91</option>
<option value="92">92</option>
<option value="93">93</option>
<option value="94">94</option>
<option value="95">95</option>
<option value="96">96</option>
<option value="97">97</option>
<option value="98">98</option>
<option value="99">99</option>
<option value="100">100</option>
<option value="101">101</option>
<option value="102">102</option>
<option value="103">103</option>
<option value="104">104</option>
<option value="105">105</option>
<option value="106">106</option>
<option value="107">107</option>
<option value="108">108</option>
<option value="109">109</option>
<option value="110">110</option>
<option value="111">111</option>
<option value="112">112</option>
<option value="113">113</option>
<option value="114">114</option>
<option value="115">115</option>
<option value="116">116</option>
<option value="117">117</option>
<option value="118">118</option>
<option value="119">119</option>
<option value="120">120</option>
<option value="121">121</option>
<option value="122">122</option>
<option value="123">123</option>
<option value="124">124</option>
<option value="125">125</option>
<option value="126">126</option>
<option value="127">127</option>
<option value="128">128</option>
<option value="129">129</option>
<option value="130">130</option>
<option value="131">131</option>
<option value="132">132</option>
<option value="133">133</option>
<option value="134">134</option>
<option value="135">135</option>
</select>
</div>
<div class="chboxl">Add Symbols:</div>
<div class="chboxr"><input type="checkbox" name="Symbols" id="Symbols" onclick="S7P( false );"></div>
<div class="chboxl">Add Numbers:</div>
<div class="chboxr"><input type="checkbox" name="Numbers" id="Numbers" onclick="S7P( false );"></div>
<div class="chboxl">Add Small Letters:</div>
<div class="chboxr"><input type="checkbox" name="Lowercase" id="Lowercase" onclick="S7P( false );"></div>
<div class="chboxl">Add Capital Letters:</div>
<div class="chboxr"><input type="checkbox" name="Uppercase" id="Uppercase" onclick="S7P( false );"></div>
<div class="chboxl">Exclude Similar Letters:</div>
<div class="chboxr"><input type="checkbox" name="Nosimilar" id="Nosimilar" onclick="S7P( false );"></div>
<div class="chboxl">Exclude Ambiguous Letters:</div>
<div class="chboxr"><input type="checkbox" name="NoAmb" id="NoAmb" onclick="S7P( false );"></div>
</div>
<div id="sec_btn">
<input id="genbtn" type="button" value="Generate" onclick="d2O();">
<input id="copybtn" type="button" value="Copy" onclick="OnCopy();">
</div>
<div id="sec_password">
<input name="final_pass" id="final_pass" type="text" size="75" value="Click Generate to Get your Password..." class="txt_password" onclick="s_('final_pass')";>
</div>
</div>
<br>
<b></b>Password Generator By:</b></b>
<!--Do Not Remove The Link Below, It will cause problems like crashing, not generating password and not copying po password etc.--></b>
<i><!--Read the Text Above before removing this line--><a href="https://techblogalways.blogspot.com">Techno-Guy</a></i>
</body>
<script language="javascript" type="text/javascript">
function s_(a){document.getElementById(a).focus();document.getElementById(a).selectionStart=0;document.getElementById(a).selectionEnd=document.getElementById(a).value.length;}function cY_(e){var a=["apple","bestbuy","coffee","drip","egg","fruit","golf","hulu","iphone","jack","korean","laptop","music","nut","omelet","park","queen","rope","skype","tokyo","usa","visa","walmart","xbox","yelp","zip"];var d="";for(var b=0;b<e.length;b++){var f=e.charCodeAt(b);if(65<=f&&f<=90){f-=65;d+=a[f].toUpperCase()}else{if(97<=f&&f<=122){f-=97;d+=a[f]}else{d+=e.substring(b,b+1)}}d+=" "}return d}function AY_(a,f,b){var d=Math.floor(Math.random()*a.length);var c=Math.floor(Math.random()*f);var e=b.substring(0,c)+a.substring(d,d+1)+b.substring(c,f);b=e;return b}function Em0(r,k,l,m,o,c,x9){var d="abcdefghjkmnpqrstuvwxyz";var h="ABCDEFGHJKLMNPQRSTUVWXYZ";var p="23456789";var j="!#$%&*+-=?@^_";if(!k){d+="ilo";h+="IO";p+="01";j+="|"}var a="";var g=0;if(!x9){j+="{}[]()\/'\"`~,;:.<>\\";}if(l==1){a+=d;g++}if(m==1){a+=h;g++}if(o==1){a+=p;g++}if(c==1){a+=j;g++}if(g==0){alert("You must select at least one character set!");return q}var n=a.length;var f=r-g;var q="";for(var e=0;e<f;e++){var b=Math.floor(Math.random()*n);q+=a.substring(b,b+1)}if(m){q=AY_(h,f,q);f++}if(l){q=AY_(d,f,q);f++}if(o){q=AY_(p,f,q);f++}if(c){q=AY_(j,f,q)}return q}function d2O(){var b=document.getElementById("pgLength").value;var f=0;if(document.getElementById("Nosimilar").checked){f=1}var a=0;if(document.getElementById("Symbols").checked){a=1}var a6=0;if(document.getElementById("NoAmb").checked){a6=1}var g=0;if(document.getElementById("Lowercase").checked){g=1}var l=0;if(document.getElementById("Uppercase").checked){l=1}var p=0;if(document.getElementById("Numbers").checked){p=1}var e=true;if(e){var o=Em0(b,f,g,l,p,a,a6);var k=cY_(o);document.getElementById("final_pass").value=o;if( b>50 )k="";}else{var c=null;if(window.ActiveXObject){c=new ActiveXObject("Microsoft.XMLHTTP")}else{if(window.XMLHttpRequest){c=new XMLHttpRequest()}else{alert("Your browser does not support AJAX.");return}}var j="0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";var n=3;var m=0;var h=document.getElementById("final_pass").value;for(var d=0;d<h.length;d++){m+=h.charCodeAt(d)}if(c!=null){c.onreadystatechange=function(){if(c.readyState==4){var q=c.responseText;var r=q.search("Phonetic=");var i=q.length;document.getElementById("final_pass").value=q.substring(0,r);}};c.open("GET","calc.php?Length="+b+"&Symbols="+a+"&Lowercase="+g+"&Uppercase="+l+"&Numbers="+p+"&Nosimilar="+f+"&Last="+m,true);c.send()}}}function Jm0(b){var c,a,e,d=document.cookie.split(";");for(c=0;c<d.length;c++){a=d[c].substr(0,d[c].indexOf("="));e=d[c].substr(d[c].indexOf("=")+1);a=a.replace(/^\s+|\s+$/g,"");if(a==b){return unescape(e)}}}function Jx2(a,d,b){var e=new Date();e.setDate(e.getDate()+b);var c=escape(d)+((b==null)?"":"; expires="+e.toUTCString());document.cookie=a+"="+c}function x2J(){var d=document.cookie.split(";");for(var c=0;c<d.length;c++){var b=d[c];var e=b.indexOf("=");var a=e>-1?b.substr(0,e):b;document.cookie=a+"=;expires=Thu, 01 Jan 2022 00:00:00 GMT"}}function Q2S(b){var a=Jm0(b);if(a!=null&&a!=""){if(a=="true"){document.getElementById(b).checked=true}else{document.getElementById(b).checked=true}}}function BBB(b,c){var a=document.getElementById(b).checked;Jx2(b,a,c)}function OIU(){if (window.top !== window.self) window.top.location.replace(window.self.location.href);Q2S("Symbols");Q2S("Lowercase");Q2S("Uppercase");Q2S("Numbers");Q2S("Nosimilar");Q2S("NoAmb");Q2S("SaveSettings");var a=Jm0("pgLength");if(a!=null&&a!=""){document.getElementById("pgLength").value=a}else{document.getElementById("pgLength").value=8}}function S7P(a){var c=document.getElementById("SaveSettings").checked;var d=60;if(c){BBB("Symbols",d);BBB("Lowercase",d);BBB("Uppercase",d);BBB("Numbers",d);BBB("Nosimilar",d);BBB("NoAmb",d);BBB("SaveSettings",d);var b=document.getElementById("pgLength").value;Jx2("pgLength",b,d)}else{if(a){x2J()}}};
function OnCopy()
{
var copyText = document.getElementById("final_pass");
copyText.select();
copyText.setSelectionRange(0, 99999); /*For mobile devices*/
document.execCommand("copy");
alert('Copied to Clipboard.');
if (window.getSelection) {
if (window.getSelection().empty) { // Chrome
window.getSelection().empty();
} else if (window.getSelection().removeAllRanges) { // Firefox
window.getSelection().removeAllRanges();
}
} else if (document.selection) { // IE?
document.selection.empty();
}
}
function MakeAndCopy()
{
d2O();
OnCopy();
}
</script>
</html>
Download Offline Password Generator file
You can Download The offline password generator that we created just now from the link given below.
Download Offline Password Generator file from the link above.
I hope this article helped you. Stay tuned with us for more. Meet you soon.
0 Comments