js随机点名且附带图片

   function xz(){
        var arr1=[["名字","图片地址"],["名字","图片地址"],["名字","图片地址"],["名字","图片地址"],["名字","图片地址"],["名字","图片地址"],["名字","图片1"],["名字","图片地址"],["名字","图片3"],["名字","图片1"],["名字","图片地址"],["名字","图片地址"]];
  // 随机数  表示有12个选项 从0开始 可以套公式 简单易懂
    var a=Math.ceil( Math.random()*(12-0)+0)-1;
    // 将名字修改到html文档上 arr[a][0]表示随机数上的第1个元素名字
    document.getElementById("name").innerHTML=arr1[a][0];
    //将修改图片的地址 arr[a][1]表示随机数上的第2个元素图片
    document.getElementById("myImage").src=arr1[a][1];
   }

这是js代码部分

 <div id="name"></div><img id="myImage"  src="" alt=""width="300px"height="300px"><button onclick="xz()">请选择你的英雄</button>

点击按钮即可更换
希望可以帮到你！！！