我需要帮助随机化<a>标签</a>

Question

我正在编写一个随机笑话生成器，我想知道如何随机化标签的目的地。 我有很好的 JavaScript 技能，但作为一个 12 岁的孩子，我是 HTML 和 CSS 的新手。 我不知道这是否重要，但我在 Replit 上编码。

我的想法是我有三个按钮，每个按钮确定要生成的笑话的类型，然后每个按钮都有一个标签，指向一个带有笑话的单独文件。 目前，我有这个

但是当然，它只会导致一个文件，这意味着一个笑话，这意味着悲伤。 我在想 Javascript 能够解决这个问题，我也许可以使用标签来导入它或其他东西。 如果你能帮忙，那就谢谢你了！

Answer 1

关键是分解：

1. 定义您的可能目的地列表
2. Select 随机一个
3. 抓取要更改的 DOM 元素
4. 将 DOM 元素的 href 链接设置为随机页面

这是一个工作示例：

 const destinations = [ 'my-destination-1.html', 'my-destination-2.html', 'my-destination-3.html', 'my-destination-4.html', 'my-destination-5.html' ]; const randomIndex = Math.floor(Math.random()*destinations.length); const randomDestination = destinations[randomIndex]; const randomJokeLink = document.getElementById('random-joke-link'); randomJokeLink.setAttribute("href", randomDestination);

 <a id="random-joke-link" href="#">Random Joke</a>