Javascript shopify上带有个人链接的随机横幅

下面我有一个随机显示预设横幅的代码

然而，我想有每个旗帜的个人链接

正如您在代码中看到的，目前每个横幅只有一个相同的链接。 有人能给我建议吗

<script type="text/javascript">
  var imageCount = 4;
  $(function(){ 
    var whichImage=get_random();
    var image=new Array(imageCount)
    image[0] = "<img src=\"{{ 'HADER-AO-UNTUK-DI-BI-5.jpg' | asset_url }}\" />";
    image[1] = "<img src=\"{{ 'HADER-AO-UNTUK-DI-BI-6.jpg' | asset_url }}\" />";
    image[2] = "<img src=\"{{ 'HADER-AO-UNTUK-DI-BI-7.jpg' | asset_url }}\" />";
    image[3] = "<img src=\"{{ 'HADER-AO-UNTUK-DI-BI-8.jpg' | asset_url }}\" />";  
    function get_random() { 
      var ranNum= Math.floor(Math.random()* imageCount );
      return ranNum;
    }
    $('#randimage p a').prepend(image[whichImage]);
  });
</script>

<div id="randimage" align="center"><p><a href="https://alatolahraga.id"></a></p></div>

var-imageCount=4；
$（函数（）{
var whichImage=get_random（）；
var image=新数组（imageCount）
图像[0]=“”；
图像[1]=“”；
图像[2]=“”；
图像[3]=“”；
函数get_random（）{
var ranNum=Math.floor（Math.random（）*imageCount）；
返回ranNum；
}
$（'#randimage p a'）。prepend（image[whichImage]）；
});

有多种方法，这不是最好的，但适合您的代码

$（函数（）{
常量图像=[
"",
"",
"",
""
];
const whichImage=get_random（）；
函数get_random（）{
返回Math.floor（Math.random（）*image.length）；
}
$（'#randimage p'）.prepend（image[whichImage]）；
});