javascript - 如何创建随机字符串JS

Question

下面的代码创建了 10 个随机字符串，想法是让每个字符串都在一个“li”中。凭借我所拥有的，我能够创建 10 个随机“li”，但在第二个“li”之后，它是一个新字符串，但与前一个字符串相同。有没有办法来解决这个问题？

例如:这就是我想要得到的

字符串 1

字符串 2

字符串 3

.......

我目前得到的输出是

字符串 1

字符串 1 字符串 2

字符串 1 字符串 2 字符串 3

.....

演示:https://jsfiddle.net/73cmb11q/

function names()
{
	var txt = "abcdefghiklmnopqrstuvwxyz";
	var name_length = 8;
	var randomName = '';
    
    var randomLength = Math.trunc(Math.random() * (8 - 4) + 4); 
    console.log(randomLength);

    for(var j=0; j<10; j++)
    {
    	var randomLength = Math.trunc(Math.random() * (8 - 4) + 4); 
    	for(var i=0; i<randomLength; i++)
		{
			var rname = Math.floor(Math.random() * txt.length);
			randomName += txt.substring(rname, rname+1);
		} 
		var divName = document.getElementById('names');
	    divName.innerHTML += '<li>' + randomName + '</li>';
	}

	
}

<form name="randomform">
  <input type="button" value="Create" onClick="names()">
  <input type="text" name="randomfield">
</form>

<ul id="names">
</ul>

Answer 1

你可以在每次追加一个li后将字符串重置为“”，这样下次就会形成一个新的字符串，你需要在将innerHTML添加到你的div时使用+=，否则你会只有一个列表，因为您不断替换以前的列表。

function names()
{
	var txt = "abcdefghiklmnopqrstuvwxyz";
	var name_length = 8;
	var randomName = '';
    
    var randomLength = Math.trunc(Math.random() * (8 - 4) + 4); 
    console.log(randomLength);

    for(var j=0; j<10; j++)
    {
    	var randomLength = Math.trunc(Math.random() * (8 - 4) + 4); 
    	for(var i=0; i<randomLength; i++)
		{
			var rname = Math.floor(Math.random() * txt.length);
			randomName += txt.substring(rname, rname+1);
		} 
		var divName = document.getElementById('names');
	    divName.innerHTML += '<li>' + randomName + '</li>';
                    randomName = "";
	}

	
}

<form name="randomform">
  <input type="button" value="Create" onClick="names()">
  <input type="text" name="randomfield">
</form>

<ul id="names">
</ul>