Javascript 在不同的元素上创建多个数组

我试图在我的应用程序中设置一个函数，允许用户单击一个按钮，然后单击显示图像的提交按钮，但我希望这些按钮可以保存多个图像，并从数组中随机选择一个图像

我该怎么做

偏好
设置优先级
汉堡
热狗
var button1=document.getElementById（“button1”）；
var button2=document.getElementById（“button2”）；
var preference=document.getElementById（“preference”）；
var foodpic=document.getElementById（“foodpiclocation”）；
var foodpic；
button1.addEventListener（'click'，函数（）{
foodpicurl='burger.svg'；
});
按钮2.addEventListener（'click'，函数（）{
foodpicurl='hotdog.svg'；
});
preference.addEventListener（'click'，function（））{
var foodpic=document.createElement（'img'）；
foodpic.src=foodpicurl；
foodpiclocation.innerHTML=''；
foodpiclocation.appendChild（foodpic）；
});使用香草Javascript清洁解决方案。注意：我建议您将此添加到HTML代码

定义

function mapClickToImage(imageSelector, updateBtnSelector, btnSectorToImageSrcMapping) {

  var currentImageSrc = null;
  var imageElement = document.querySelector(imageSelector);
  for (var btnSelector in btnSectorToImageSrcMapping) {

    var buttonElement = document.querySelector(btnSelector);
    buttonElement.addEventListener('click', function() {
    currentImageSrc = btnSectorToImageSrcMapping[btnSelector];
  });

  var updateButtonElement = document.querySelector(updateBtnSelector);
  updateButtonElement.addEventListener('click', function() {
    if (currentImageSrc) {
      imageElement.src = currentImageSrc;
    }
  });
}

mapClickToImage('#foodpic', '#preference', {
  '#button1': 'burger.svg',
  '#button2': 'hotdog.svg'
});

用法

function mapClickToImage(imageSelector, updateBtnSelector, btnSectorToImageSrcMapping) {

  var currentImageSrc = null;
  var imageElement = document.querySelector(imageSelector);
  for (var btnSelector in btnSectorToImageSrcMapping) {

    var buttonElement = document.querySelector(btnSelector);
    buttonElement.addEventListener('click', function() {
    currentImageSrc = btnSectorToImageSrcMapping[btnSelector];
  });

  var updateButtonElement = document.querySelector(updateBtnSelector);
  updateButtonElement.addEventListener('click', function() {
    if (currentImageSrc) {
      imageElement.src = currentImageSrc;
    }
  });
}

mapClickToImage('#foodpic', '#preference', {
  '#button1': 'burger.svg',
  '#button2': 'hotdog.svg'
});

如果你能对齐你的HTML代码那就太好了