当前位置:主页 > JavsScript库 > 表单 >

随机密码生成器
栏目分类:表单   发布日期:2021-08-19   浏览次数:

一个在线应用程序,只需单击一下即可生成随机强密码。用 HTML CSS 和 JavaScript 编写。没有第三方库。

使用:

1. 创建一个输入文件来放置生成的密码字符串。

<input type="text">

2. 创建一个生成强密码的按钮。

<button>生成随机密码</button>

3. 在密码字段内创建复制按钮。在此示例中需要 Font Awesome Iconic Font。

<span class="far fa-copy" onclick="copy()"></span>
<span class="fas fa-copy" onclick="copy()"></span>

4. 启用密码生成器的主脚本。

const display = document.querySelector("input"),
      button = document.querySelector("button"),
      copyBtn = document.querySelector("span.far"),
      copyActive = document.querySelector("span.fas");
let chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+~`|}{[]:;?><,./-=";
button.onclick = ()=>{
  let i,
  randomPassword = "";
  copyBtn.style.display = "block";
  copyActive.style.display = "none";
  for (i = 0; i < 16; i++) {
    randomPassword = randomPassword + chars.charAt(
      Math.floor(Math.random() * chars.length)
    );
  }
  display.value = randomPassword;
}
function copy(){
  copyBtn.style.display = "none";
  copyActive.style.display = "block";
  display.select();
  document.execCommand("copy");
}

官方网站:https://github.com/Riya-Panhotra/Password_Generator

相关热词: 随机密码生成器

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库