Javascript 显示来自对象的随机内容

我在一个项目中看到了一个函数，它在JavaScript中提升来自不同对象的随机值，并在HTML标记中显示内容，我想做一些类似的事情，但不同。当我用一个按钮取随机值时 指向单个对象并在div中显示它

我在JS中创建了一些对象，并在单击按钮显示对象时创建了一个动作，但我不知道如何将所有内容放在一个div中并获取随机信息

功能deosebitProject{ 变量站点_1={ 名称:地盘一,， 网址：https://www.google.ro/, 描述：Lorem ipsum dolor sit amet，是一位杰出的献身者，他是一名临时雇员，负责劳动和财产的分配。他是一名临时雇员，从事日常工作，从事公共事务。， 网站图片：[https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg, https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg, https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg] } 变量站点_2={ 名称:地盘2,， 网址：https://www.google.ro/, 描述：Lorem ipsum dolor sit amet，是一位杰出的献身者，他是一名临时雇员，负责劳动和财产的分配。他是一名临时雇员，从事日常工作，从事公共事务。， 网站图片：[https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg, https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg, https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg] } document.write , , , +站点_1.name+， , “”+site_1.description+”

， , , ' ', , , ; document.write , , , +站点_2.name+， , “”+site_2.description+”

， , , ' ', , , ; } Javascript挑战1 Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce blandit、erat ac lobortis tristique、eros eros tristique enim、nisl pretium、congue nunc sit amet、rutrum lectus orci酵母菌前发酵液中的不饱和脂肪酸。整型eu-luctus 梅特斯。这是一个很好的例子。胎生软体动物前庭。奥迪奥精英策展人、威尼斯人、西班牙慈姑。请不要使用任何元素。不含舌苔的杜瓦。ultricies大学 ac arcu id aliquet。我们的生活充满活力。软毛库拉比图尔是一种肉鸡，是一种营养素。佩伦特斯·托尔托元素生命，波特蒂托·马格纳·西特，达皮布斯·尼塞尔。这是一个很好的时机。埃利芬德库拉比图尔酒店 调味品nisl，id placerat purus semper sed。无便利。暂时不使用临时车辆。纳拉·奎斯·朗卡斯精英。埃涅亚箭矢拍卖人turpis vel pharetra。不要这样做，我坐在那里，设备是不需要的。莫里斯 莫里斯·夸姆，我们的大门，奥古斯都的教堂。佩伦茨克奥纳弧ac前庭垫。塞德·内克·马莱苏阿达·图皮斯。这是一个完美的时刻。Morbi和luctus est.Curabitur eget malesuada neque。同侧阴唇 坐在阿梅特，献身于和平的精英。梅塞纳斯是弓形的。梅塞纳斯·奎斯·奥基·奎斯·洛伦·卢克图斯是泰勒斯的封建者。

视图项目

---

我真的不明白谁应该是随机的，所以我从容器中的随机项目显示开始

创建了项目对象的数组

创建了一个函数，用于创建要附加到DOM容器的HTML

创建了一个函数，用于设置从0到项目数组长度的随机数，并将HTML附加到DOM容器

通过使用HTML.addEventListener将事件与DOM解耦，并将随机函数放在click event上

现在，如果按下按钮，将从数组中选择一个随机项目，并将其显示在容器中

常数arr=[{ 名称:地盘一,， 网址：https://www.google.ro/, 描述：Lorem ipsum dolor sit amet，是一位杰出的献身者，他是一名临时雇员，负责劳动和财产的分配。他是一名临时雇员，从事日常工作，从事公共事务。， 网站图片：[https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg, https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg, https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg] }, { 名称:地盘2,， 网址：https://www.google.ro/, 描述：Lorem ipsum dolor sit amet，是一位杰出的献身者，他是一名临时雇员，负责劳动和财产的分配。他是一名临时雇员，从事日常工作，从事公共事务。， 网站图片：[https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg, https://adpconstruct.ro/wp-content/uploads/2019/07/poza52.jpg, https://adpconstruct.ro/wp-content/uploads/2019/07/p oza52.jpg] } ] const projectHTML=data=>{ 让html= html+= html+= html+= html+=`${data.name}` html+=`` html+=`${data.description}'

` html+= html+= data.site_image.forEache，i，a=>{ html+=`' } html+= html+= html+= 返回html } 函数deosebitProjectarr{ 常数r=数学地板随机*阵列长度； document.getElementById'content'.innerHTML=projectHTMLarr[r] } const btn=document.getElementById'btn' btn.addEventListener'click'，函数E{ deosebitProjectarr }

Lorem ipsum door sit amet，一位杰出的领导者。Fusce blandit、erat ac lobortis tristique、eros eros tristique enim、nisl pretium、congue nunc sit amet、rutrum lectus orci酵母菌前发酵液中的不饱和脂肪酸。整型eu-luctus 梅特斯。这是一个很好的例子。胎生软体动物前庭。奥迪奥精英策展人、威尼斯人、西班牙慈姑。请不要使用任何元素。不含舌苔的杜瓦。ultricies大学 ac arcu id aliquet。我们的生活充满活力。软毛库拉比图尔是一种肉鸡，是一种营养素。佩伦特斯·托尔托元素生命，波特蒂托·马格纳·西特，达皮布斯·尼塞尔。这是一个很好的时机。香菇调味品 nisl，我想把老鼠的内脏塞满。无便利。暂时不使用临时车辆。纳拉·奎斯·朗卡斯精英。埃涅亚箭矢拍卖人turpis vel pharetra。不要这样做，我坐在那里，设备是不需要的。毛里斯·毛里斯·夸姆， 这是一个很好的例子。佩伦茨克奥纳弧ac前庭垫。塞德·内克·马莱苏阿达·图皮斯。这是一个完美的时刻。Morbi和luctus est.Curabitur eget malesuada neque。洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 告别精英。梅塞纳斯是弓形的。梅塞纳斯·奎斯·奥基·奎斯·洛伦·卢克图斯是泰勒斯的封建者

视图项目

---

非常感谢你！！！但是我有一个问题，我如何显示里面的随机内容，我的意思是只更改div而不是整个页面的内容。将document.getElememtById中的内容更改为我们的项目。这一部分选择了DOM容器元素，创建的HTML将被附加到其中。谢谢你，我是编程语言的乞丐，我不太了解js是如何工作的。不知怎的，我觉得你开始学习和练习js了；只要你表现出努力，StackOverflow是一个可以学到很多东西的好地方——不管你处于什么水平。我编辑了我的答案并提供了很多参考资料，这样你就可以对你的问题涉及的主题有一个广泛的了解。这里有很多例子，你可以练习。