很难从ascii码数组中获取字符串

yc0p9oo0  于 2021-09-23  发布在  Java
关注(0)|答案(2)|浏览(416)

我正在做一个密码生成器项目，为我的字符选项实现ascii码，我很难从数组中获取字符串。任何帮助都将不胜感激。我已经运行了几个测试，似乎我的问题是for循环和从我拥有的内容中获取字符串。对不起，如果这是一个愚蠢的问题。对这一点仍然非常陌生，尤其是javascript。非常感谢！！

  1. var generateBtn = document.querySelector("#generate");
  3. function writePassword() {
  4.   var password = generatePassword();
  5.   var passwordText = document.querySelector('#password');
  7.   passwordText.value = password;
  8. }
  10. function generatePassword() {
  11.   userpassword = "";
  12.   passwordCharacters = "";
  14.   let passwordlength = prompt("Select your desired password length");
  16.   if (passwordlength < 8 || passwordlength > 128 || passwordlength == isNaN) {
  17.   alert("Password length must be between 8 and 128 characters and numerical.");
  18.   return null;
  19.   }
  20.     var includespecial = confirm('Would you like to include special characters?');
  21.     var includeupper = confirm('Would you like to include uppercase characters?');
  22.     var includelower = confirm('Would you like to include lowercase characters?');
  23.     var includenumbers= confirm('Would you like to include numbers?');
  25.     var uppercasecharcodes = arrayFromLowToHigh(65, 90);
  26.     var lowercasecharcodes = arrayFromLowToHigh(97, 122);
  27.     var numbercharcodes = arrayFromLowToHigh(48, 57);
  28.     var specialcharcodes = arrayFromLowToHigh(33, 47).concat(
  29.       arrayFromLowToHigh(58, 64)
  30.       ).concat(
  31.         arrayFromLowToHigh(91, 96)
  32.       ).concat(
  33.         arrayFromLowToHigh(123, 126)
  34.       );
  36.     if (!includelower && !includenumbers && !includeupper && !includespecial) {
  37.     alert('You must choose atleast one of the options!');
  38.     return null;
  39.   }
  40.     // MERGE section where all options are compiled
  41.   if (includespecial) {
  42.     passwordCharacters += specialcharcodes;
  43.   }if (includeupper) {
  44.     passwordCharacters += uppercasecharcodes;
  45.   }if (includelower) {
  46.     passwordCharacters += lowercasecharcodes;
  47.   }if (includenumbers) {
  48.     passwordCharacters += numbercharcodes;
  49.   }
  51.   for (var i = 0; i < passwordlength; i++) {
  52.       userpassword += passwordCharacters[Math.floor(Math.random() * passwordlength)];
  53.       userpassword.push(String.fromCharCode(passwordCharacters));
  55.   }
  56.   return userpassword;
  57. }
  58. generateBtn.addEventListener("click",writePassword);
  60. // FUNCTION for above arrayFromLowToHigh
  61. function arrayFromLowToHigh(low, high) {
  62.   const array = []
  63.   for (let i = low; i <= high; i++) {
  64.     array.push(i)
  65.   }
  66.   return array
  67. }
ArraysJavaScriptAsciipassword-generator

2条答案

按热度按时间
eeq64g8w

eeq64g8w1#

我修正了你代码的一些部分，这是最后的代码，探索它，告诉我发生了什么，谢谢！

  1. var generateBtn = document.querySelector("#generate");
  3.     function writePassword() {
  4.         var password = generatePassword();
  5.         document.getElementById('password').innerHTML = "";
  6.         document.getElementById('password').innerHTML = password;
  7.         console.log('pass was created, with a length of ' + document.getElementById('password').innerHTML.length)
  8.     }
  10.     function generatePassword() {
  11.         var userpassword = "";
  12.         var passwordCharacters = "";
  13.         var isvalid = true;
  14.         let passwordlength = prompt("Select your desired password length");
  15.         if(passwordlength < 8 || passwordlength > 128 || isNaN(passwordlength)) {
  16.             alert("Password length must be between 8 and 128 characters and numerical.");
  17.             var isvalid = false;
  18.             return;
  19.         }
  20.         if(isvalid) {
  21.             var includespecial = confirm('Would you like to include special characters?');
  22.             var includeupper = confirm('Would you like to include uppercase characters?');
  23.             var includelower = confirm('Would you like to include lowercase characters?');
  24.             var includenumbers = confirm('Would you like to include numbers?');
  25.             var uppercasecharcodes = arrayFromLowToHigh(65, 90);
  26.             var lowercasecharcodes = arrayFromLowToHigh(97, 122);
  27.             var numbercharcodes = arrayFromLowToHigh(48, 57);
  28.             var specialcharcodes = arrayFromLowToHigh(33, 47).concat(arrayFromLowToHigh(58, 64)).concat(arrayFromLowToHigh(91, 96)).concat(arrayFromLowToHigh(123, 126));
  29.             if(!includelower && !includenumbers && !includeupper && !includespecial) {
  30.                 alert('You must choose atleast one of the options!');
  31.                 return null;
  32.             }
  33.             // MERGE section where all options are compiled
  34.             if(includespecial) {
  35.                 passwordCharacters += specialcharcodes;
  36.             }
  37.             if(includeupper) {
  38.                 passwordCharacters += uppercasecharcodes;
  39.             }
  40.             if(includelower) {
  41.                 passwordCharacters += lowercasecharcodes;
  42.             }
  43.             if(includenumbers) {
  44.                 passwordCharacters += numbercharcodes;
  45.             }
  46.             var userpasswordto = [];
  47.             for(var i = 0; i <= passwordlength; i++) {
  48.                 var userpasswordtoadd = Math.floor(Math.random() * passwordCharacters.length);
  49.                 var userpasswordstring = String.fromCharCode(userpasswordtoadd);
  50.                 var userpasswordstring = userpasswordstring.replace(/\s/g, '-'); //replace spacewhites, is a probabily to be apear
  51.                 userpasswordto.push(userpasswordstring);
  52.             }
  53.             var makestring = userpasswordto.length;
  54.             for(var i = 0; i < makestring; i++) {
  55.                 var userpassword = userpassword + userpasswordto[i];
  56.             }
  57.             return userpassword;
  58.         }
  59.     }
  60.     generateBtn.addEventListener("click", writePassword);
  61.     // FUNCTION for above arrayFromLowToHigh
  62.     function arrayFromLowToHigh(low, high) {
  63.         const array = []
  64.         for(let i = low; i <= high; i++) {
  65.             array.push(i)
  66.         }
  67.         return array
  68.     }
  1. body {
  2.         font-family: helvetica, arial, sans-serif;
  3.         font-weight: 300;
  4.     }
  6.     .table {
  7.         position: absolute;
  8.         top: 0;
  9.         right: 0;
  10.         bottom: 0;
  11.         left: 0;
  12.         background-color: #232323;
  13.         overflow: hidden;
  14.         display: flex;
  15.         align-items: center;
  16.         justify-content: center;
  17.         height: 100vh;
  18.         width: 100vw;
  19.     }
  21.     .table .key {
  22.         background-color: rgba(0, 0, 0, 0.38);
  23.         color: rgba(255, 255, 255, 0.4);
  24.         border-radius: 0.22vw;
  25.         user-select: none;
  26.         box-shadow: 0.2rem 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.5), 0 0 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
  27.         position: relative;
  28.         cursor: default;
  29.         padding: 16px;
  30.         font-size: 16px;
  31. margin-top:-100px;
  32.     }
  34.     .table .key:hover {
  35.         box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.7), 0 0 0.2rem 0rem black;
  36.         transform: scale(0.99);
  37.     }
  39.     .table .passs {
  40.         width: 700px;
  41.         background-color: rgba(0, 0, 0, 0.38);
  42.         color: rgba(255, 255, 255, 0.4);
  43.         border-radius: 0.22vw;
  44.         box-shadow: 0.2rem 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.5), 0 0 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
  45.         position: relative;
  46.         cursor: default;
  47.         padding: 16px;
  48.         font-size: 16px;
  49.         margin-left: 50px;
  50.         background: rgba(0, 0, 0, 0.38);
  51.         color: rgba(255, 255, 255, 0.4);
  52.     }
  54.     .pass {
  55.         width: 100%;
  56.         float: none;
  57.         position: absolute;
  58.         text-align: center;
  59.         margin-top: 50px;
  60.         color: rgb(74, 234, 1);
  61.         ;
  62.     }
  64.     pre.code code {
  65.         font-family: "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  66.         display: block;
  67.         margin: 0 0 0 60px;
  68.         padding: 15px 16px 14px;
  69.         border-left: 1px solid #555;
  70.         overflow-x: auto;
  71.         font-size: 13px;
  72.         line-height: 19px;
  73.         color: #ddd;
  74.     }
  76.     pre {
  77.         background: #333;
  78.         white-space: pre;
  79.         word-wrap: break-word;
  80.         overflow: auto;
  81.         padding: 15px 0;
  82.     }
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>Terrible generador de pass</title>
  8. </head>
  10. <body>
  11.     <div class="table">
  12.         <div class="key" id="generate">GENERAR PASS</div>
  13.         <div class="pass">
  14.             <pre><code id="password"></code></pre>
  15.         </div>
  16.     </div>
  18. </body>
  20. </html>
展开查看全部
赞(0）分享  回复(0）举报  2021-09-23
nfeuvbwi

nfeuvbwi2#

去除 userpassword.push(String.fromCharCode(passwordCharacters)); 因为userpassword不是数组，所以woule循环没有什么意义。

赞(0）分享  回复(0）举报  2021-09-23
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com