按id显示3个随机元素，不使用JQuery重复。如何确保它总是返回3？然后单击相同的按钮来重做该功能？

// 获取所有元素的id列表
var idList = Array.from(document.querySelectorAll('.element')).map(function(element) {
  return element.id;
});

// 生成一个随机数数组，长度为3，且每个随机数都在id列表的范围内
var randomIndices = [];
while (randomIndices.length < 3) {
  var randomIndex = Math.floor(Math.random() * idList.length);
  if (!randomIndices.includes(randomIndex)) {
    randomIndices.push(randomIndex);
  }
}

// 根据随机数数组，获取对应的3个元素
var randomElements = randomIndices.map(function(index) {
  return document.getElementById(idList[index]);
});

// 显示这3个元素
randomElements.forEach(function(element) {
  element.style.display = 'block';
});

// 封装成函数
function showRandomElements() {
  // 上述代码
}

// 按钮的点击事件
document.getElementById('button').addEventListener('click', function() {
  // 隐藏之前显示的元素
  document.querySelectorAll('.element').forEach(function(element) {
    element.style.display = 'none';
  });

  // 调用函数显示新的随机元素
  showRandomElements();
});