Javascript 返回值并在列表中显示

我有一个函数，当我按下html按钮时，它会从数组中返回两个随机单词。如何让它在页面的列表中显示这些名称？如果有页面刷新，我不关心保留列表

变量数据=['name1'，'name2']； 函数生成器名称{ var rand=data[Math.floorMath.random*data.length]； var rand2=数据[Math.floorMath.random*data.length]； var空间=； return document.getElementByIddisplayName.innerHTML=rand+space+rand2； }

---

; 假设displayName是一个ul元素，您可以创建元素li并使用appendChild函数将这些元素附加到ul

变量数据=['name1'，'name2']； 函数生成器名称{ var rand=data[Math.floorMath.random*data.length]， rand2=数据[Math.floorMath.random*data.length]； 返回[rand，rand2]； }; var display=document.getElementByIddisplayName； var words=generateName； 单词。foreachfunction{ var li=document.createElement'li'； li.textContent=w； display.appendChildli； };

---

获得2个随机名称后，可以使用createElement创建2个新元素，然后使用appendChildelement将它们附加到无序列表中。在此之后，我将它们作为对象返回，但这对于在屏幕上显示名称是不必要的

变量数据=['name1'，'name2']； 函数生成器名称{ var rand=data[Math.floorMath.random*data.length]； var rand2=数据[Math.floorMath.random*data.length]； var空间=； 设el1=document.createElement'li' 设el2=document.createElement'li' el1.innerHTML=rand el2.innerHTML=rand2 //将名称添加到列表中 document.getElementByIdleList.appendChildel1； document.getElementByIdleList.appendChildel2； //返回2个随机名称 返回{rand，rand2} }; 将姓名添加到列表中 名单：

---

您可以从generateName函数返回一个元素数组，并将它们馈送到一个函数中，该函数使用生成一个无序列表项，您可以将该列表项作为HTML添加到任何元素中

常量数据=['name1'，'name2']； 函数生成器数据{ const rand=data[Math.floorMath.random*data.length]； const rand2=data[Math.floorMath.random*data.length]； 返回[rand，rand2]； } 函数buildhtmlar{ 返回`${arr.join}`； } document.body.innerHTML=buildHTMLgenerateNamedata； 保险商实验室{ 边框：1px实心3434； 列表样式：无； 保证金：0； 填充：0； } 李{ 背景色：EFEF； 填充：2px； } 李：不是第一个孩子{ 边框顶部：1个实心阿巴巴；

---

}为什么不先使用console.log来确保您获得了正确的数据？我得到了，而且我得到了。但这不会返回值。这个问题相当模糊，所以我可以理解你为什么认为这样回答就足够了，但它仍然没有真正解决这个问题。你所做的就是把一个句子变成两个li元素。@TravisJ OP写了这样一篇文章：我怎样才能让它在页面的列表中显示这些名字？是的，我看到了。然而，如何实现这一目标的问题并不十分清楚。如果只是简单地调用函数并让它去做，那么这是一个很好的方法。我对如何构建列表并不挑剔，这就是为什么我没有打开它。函数按原样工作，我很好奇generateName运行后是否可以将结果放入列表中。我做了一些调整，但效果很好，谢谢！