如何实现点击按钮跳转至网站随机页面（已解决）

你的这段代码完全可以实现点击后跳转至随机页面的功能，核心逻辑没问题：

1. 通过Math.floor(Math.random() * pages.length)生成合法的随机索引，从页面数组里选中目标页面
2. 用event.preventDefault()阻止了a标签默认的空href跳转行为
3. 最后通过window.location.href完成页面跳转

这里给几个小优化点，让代码更健壮：

• 给a标签的href设置一个默认值，比如href="Mercedes.html"，这样就算用户浏览器禁用了JavaScript，点击后也能跳转到一个有效页面
• 如果你的页面文件放在子目录里，把数组里的路径改成相对根目录的格式，比如"/cars/Mercedes.html"，避免路径错误
• 点击按钮后可以临时修改按钮文本（比如改成"跳转中..."），并禁用按钮，防止用户重复触发跳转

原HTML代码：

<section class="Banner">
  <div class="banner-content"></div>
  <h1>Homepage</h1>
  <p>Discover new cars from Legendary Brands such as Ferrari, Mercedes or Your One and Only Bugatti</p>
  <a class="randomLink" id="randomLink" href="">Click here!</a>
</section>

原JavaScript代码：

const pages = [
    "Mercedes.html",
    "Ferrari.html",
    "Bugatti.html",
];

const randomLink = document.getElementById("randomLink");

randomLink.addEventListener("click", function(event) {
    event.preventDefault(); // Prevent default anchor behavior

    const randomIndex = Math.floor(Math.random() * pages.length);
    const randomPage = pages[randomIndex];

    window.location.href = randomPage; // Redirect to the random page
});

内容的提问来源于stack exchange，提问作者Bill