使用javascript在单击按钮时显示div元素上的数组项

有人能告诉我如何在div元素上打印元素数组吗

var myArray=["stone","paper","scissors"]


<button onclick="printnumbers()"></button>
<div id="result">

</div>

var myArray=[“石头”、“布”、“剪刀”]

var myArray=[“石头”、“布”、“剪刀”]
函数printNumber（）{
document.querySelector（'#result'）.textContent=myArray.join（'，'）；
}

打印数字

只需在数组

myArray

上执行

forEach

，并在div中追加文本即可

var myArray=[“石头”、“布”、“剪刀”]
函数printNumber（）{
myArray.forEach（函数（el）{
document.getElementById（'result'）.innerHTML+='
'+el；
})
}
//另一种方式，适合您的用例。
//var arrayContents=myArray.toString（）；
//document.getElementById（'result'）.innerHTML=ArrayContent
点击我
使用
.toString（）
方法


函数printNumber（）{
var myArray=[“石头”、“布”、“剪刀”]
var display=myArray.toString（）；
document.getElementById（“结果”）.innerHTML=display；
}
显示
仅适用于Vanilla.js，这将对您有所帮助：）


constmyarray=[“石头”、“布”、“剪刀”]；
const el=document.getElementById（'myButton'）；
el.addEventListener（'click'，函数（）{
const div=document.getElementById（“结果”）；
myArray.forEach（（当前值、索引、数组）=>{
让text=index==（array.length-1）`${currentValue}`:`${currentValue}，`；
让内容=document.createTextNode（文本）；
div.appendChild（内容）
});
}，假）
#结果{
宽度：20雷姆；
高度：1公厘；
边缘顶端：2rem；
边框宽度：3倍；
边框样式：虚线；
边框颜色：#FFAC55；
填充：15px 20px；
}

试试看

var myArray=["stone","paper","scissors"]

printNumbers = () => {
   document.getElementById('result').innerHTML = myArray.join(' ');
}