创建一个包含100个按钮的网格布局，其中包含80个空按钮和20个随机珍藏按钮

<table>
  <tbody>
    <tr>
      <td><button></button></td>
      <td><button></button></td>
      <!-- ... 继续添加按钮 ... -->
      <td><button></button></td>
    </tr>
    <!-- ... 继续添加行 ... -->
    <tr>
      <td><button></button></td>
      <td><button></button></td>
      <!-- ... 继续添加按钮 ... -->
      <td><button></button></td>
    </tr>
  </tbody>
</table>

// 获取所有的按钮元素
var buttons = document.getElementsByTagName('button');

// 生成20个不重复的随机数
var randomIndexes = [];
while (randomIndexes.length < 20) {
  var randomIndex = Math.floor(Math.random() * 100);
  if (!randomIndexes.includes(randomIndex)) {
    randomIndexes.push(randomIndex);
  }
}

// 将对应位置的按钮替换为珍藏按钮
randomIndexes.forEach(function(index) {
  buttons[index].classList.add('treasure-button');
});

// 添加珍藏按钮的样式
var style = document.createElement('style');
style.innerHTML = '.treasure-button { background-color: gold; }';
document.head.appendChild(style);