我有五个不同的页面。每个按钮都有一个可随机重定向到其他按钮的按钮。
我正在努力做到这一点,以使用户不会进入重复的页面(至少在遍历所有页面之后)。
我可以在同一个页面中添加一个函数来处理随机的,非重复的内容,但是我该如何使该函数在不同页面上工作,并记住已经访问过哪些页面呢?
我试图将该函数保存在一个外部js文件中,并在每个页面的开头部分调用它,但是它不起作用。
这就是我所拥有的:
var page1="01.html"
var page2="02.html"
var page3="03.html"
var page4="04.html"
var page5="05.html"
const originalPages = [page1, page2, page3, page4, page5];
let remainingPages = [];
function randomize() {
if (remainingPages.length === 0) remainingPages = originalPages.slice();
const {
length
} = remainingPages;
const [page] = remainingPages.splice(Math.floor(Math.random() * length), 1);
window.location.href = page;
}
<h1>Page 1</h1>
<p><button onclick="randomize()" type="button">Random Page</button></p>