外星人名字发生器

Question

我在我的JavaScript类中有一个任务，这个任务提出了一个问题，我觉得我已经接近能够回答了，但只是没有完全达到目标。

让我感到困惑的一件事是为什么开发人员工具会告诉我变量“消息”为空。我无法弄清楚。在这个问题之前的任务（这是类似的问题），我已经能够轻松得到。我可能会过度思考。

问题： “创建将生成一组的五胡乱申请‘外国人的名字’单击按钮时，这些外国人名必须在其中至少一个元音，应该有两个重复的字符某处英寸名称，示例名称包括：'llag'，'Uffrd'和'Dxxi'

这些名称应在DOM上向用户显示，并在随后的按钮单击时用新名称替换。

我的代码（已摆弄周围用它颇有几分粘贴之前没有检查，所以请原谅我，如果这是很难浏览。让我知道你将如何去用JavaScript解决这个。

//declares and assaigns the message (text where names will be printed) 
 
    var message = document.querySelector("#message"); 
 
    //declares the array and gives it 5 spots for names 
 
    var nameArray = ["", "", "", "", ""]; 
 

 
    // declares the name generating function 
 
    function rando() { 
 
     //declares assigns name as empty for now 
 
     var name = []; 
 
     //randomizes length of the name 
 
     var namelength = Math.round(Math.random() * 7) + 4; 
 
     //declaring a vowel count 
 
     var vowelCount = 0; 
 
     //for loop to store each name into the array 
 
     for (var i = 0; i < 5; i++) { 
 
      //for loop to decide the letters for each 
 
      for (var i = 0; i < namelength; i++) { 
 
       //declares boolean variable that stores whether or not the current character is a vowel using the created is Vowel() function 
 
       var wasVowel = isVowel(name[i]); 
 
       //if the last character was a vowel 
 
       if (wasVowel) { 
 
        //counts vowels 
 
        vowelCount++; 
 
        //while loop 
 
        while (isVowel(name[i])) { 
 
         //declares the variable and assigns it to a random number between 0 and 25 
 
         var randomCharacterIndex = Math.round(Math.random() * 25); 
 
         //updates the current character based on the random variable equal to or above the unicode 97 ("a") 
 
         name[i] = String.fromCharCode(97 + randomCharacterIndex); 
 
        } 
 
        //if the previous character was not a vowel 
 
       } else { 
 
        //while loop 
 
        while (isVowel(name[i]) == false) { 
 
         //declares variable and assigns it to random number between 0 and 25 
 
         var randomCharacterIndex = Math.round(Math.random() * 25); 
 
         //updates the current character based on the random variable equal to or above the unicode 97 ("a") 
 
         name[i] = String.fromCharCode(97 + randomCharacterIndex); 
 
        } 
 
       } 
 
       //adds each letter to the name 
 
       name += name[i]; 
 
      } 
 
      //making the first letterz 
 
      name[0].toUpperCase(); 
 
      //adds each name to the array 
 
      nameArray[i] = name.join(""); 
 
      //name is reset to null for the next name loop 
 
      name = []; 
 
     } 
 
     //prints the names onto the DOM 
 
     message.innerHTML = nameArray.join(", "); 
 
    } 
 
    
 

 
    function isVowel(character) { 
 
     if (character == "a" || character == "e" || character == "i" || character == "o" || character == "u") { 
 
      return true; 
 
     } else { 
 
      //this is the 'default' 
 
      return false; 
 
    } 
 
}

 <button onclick="rando()">Random Names</button> 
 
     <div id="message"></div>

Answer 1

我会用下面的办法

1. 生成随机名称长度

2. 生成随机双字符位置

3. 生成不相交的两个重复 字符

4. 生成字，跟随设置规则并相应地产生随机字符强制性元音位置

   var message = document.querySelector("#message"); 
   
   function rando() { 
   
       message.innerHTML = ""; 
   
       for (var j=0;j<5;j++) 
       { 
        var name = ""; 
        var namelength = Math.round(Math.random() * 7) + 4; 
        var pairPosition = Math.round(Math.random() * (namelength-1)); 
        var obligatoryVowelPos = Math.round(Math.random() * (namelength-1)); 
   
   
   
        while(obligatoryVowelPos == pairPosition || obligatoryVowelPos == (pairPosition+1)) 
        obligatoryVowelPos = Math.round(Math.random() * (namelength-1)); 
   
   
        for (var i =0;i<namelength;i++) { 
   
   
        if (i==pairPosition) 
        { 
         var character = generateRandomLetter(); 
         name = name + character + character; 
         i++; 
        } 
        else if (i==obligatoryVowelPos) 
        { 
         name = name + generateVowel(); 
        } 
        else 
        { 
         name = name+generateRandomLetter(); 
        } 
   
        name = name.charAt(0).toUpperCase() + name.slice(1); 
   
       //prints the names onto the DOM 
   
       } 
       message.innerHTML += name + "<br>"; 
       } 
   
   } 
   
   function generateVowel() 
   { 
        var aeiou = Math.round(Math.random()*4)+1; 
   
        switch (aeiou) 
        { 
         case 1:return 'a';break; 
         case 2:return 'e';break; 
         case 3:return 'i';break; 
         case 4:return 'o';break; 
         case 5:return 'u';break; 
        } 
   } 
   
   function generateRandomLetter() 
   { 
       var randomCharacterIndex = Math.round(Math.random() * 25); 
       return String.fromCharCode(97 + randomCharacterIndex); 
   } 
   

虽然不是必需的，你也可以使用你r original isVowel函数，用于在代码输入时防止双元音，或者在单词创建循环结束后未添加元音的情况下添加元音。这真的取决于你，这段代码已经解决了你的问题。