Javascript 将输入到文本框中的值逐行随机分配

我已经创建了一段代码，可以从文本框中输入的内容列表中随机选择一个内容，我还可以将代码输入到表的第一个单元格中，我现在要做的是将文本框中输入的所有内容分配到行的每个单元格中，下面是我的代码：

var rnd=函数（）{
什么，什么；
loader=document.getElementById（'ajax-loader'）；
loader.style.display='inline'；
things=document.getElementById（'things'）.value；
事物=事物。替换（'，'，'，'）；
事物=事物。分割（'，'）；
setTimeout（函数（）{
变量事物；
loader.style.display='none'；
thing=Math.floor（Math.random（）*things.length）；
document.getElementById（'result'）.innerHTML=things[thing]；
}, 500);
};
//erin foley的一点功能。。。
//保存用户输入的内容
document.getElementById（'things'）。addEventListener（'blur'，function（evt）{
window.localStorage['things-to-be-pick']=this.value
})
//使用用户保存的内容
document.addEventListener（'DOMContentLoaded'，函数（evt）{
var things=window.localStorage['things-to-be-pick']
如果（事情）{
document.getElementById（'things'）。value=things
}
})

字段集输入{
显示：块；
}
#结果{
边框：实心1px黑色；
背景：#e0；
填充：1em；
利润率：1米0；
}
#ajax加载器{
显示：无；
保证金底部：-4px；
}
桌子{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：75%；
}
运输署，
th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
文本对齐：居中
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}

黑色
蓝色
百安居酒店；B
黄金
绿色
鹰头狮
阿甘正传、蒂姆·托马斯、帕米拉·亨利森、莲花·霍布斯、杰瑞·斯帕克斯、肯尼斯·英厄姆

您的html中有多个id相同的元素，这些元素需要更改。您可以为所有div提供类结果，并可以使用下面示例中的函数getDiv（）来获取下一个空div

var getDiv=function（）{
var optionCount=document.getElementsByClassName（'result'）；
var rightDiv=null；
对于（变量i=0；i

字段集输入{
显示：块；
}
#结果{
边框：实心1px黑色；
背景：#e0；
填充：1em；
利润率：1米0；
}
#ajax加载器{
显示：无；
保证金底部：-4px；
}
桌子{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：75%；
}
运输署，
th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
文本对齐：居中
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}

黑色
蓝色
百安居酒店；B
黄金
绿色
鹰头狮
阿甘正传、蒂姆·托马斯、帕米拉·亨利森、莲花·霍布斯、杰瑞·斯帕克斯、肯尼斯·英厄姆

是否可以通过单击按钮模拟它，使该行中的每个单元格获得不同的名称？如果不想重复名称，则可以从things数组中删除该名称。下次更新的东西数组将用于选择一个随机名称。