Javascript 如何随机化网页中的对象/链接?

Javascript 如何随机化网页中的对象/链接?,javascript,html,css,Javascript,Html,Css,我正在自学HTML、CSS和JavaScript,并试图将它们组合在一起 我想有100个可点击的图片/链接(只是相同图片的按钮)。我想一个按钮的百分比链接到一个页面,其余的链接到另一个页面。这对用户来说是盲目的,直到他们点击它 每次重新加载页面时,我都希望图像/链接随机化到它们所在的位置 我知道我可以用JS中的Math.random()生成一个随机数,但似乎不知道如何实现上面所描述的。我知道我能从实践中学到最好的东西,所以我想看看是否有人有任何指导 document.addEventListen

我正在自学HTML、CSS和JavaScript,并试图将它们组合在一起

我想有100个可点击的图片/链接(只是相同图片的按钮)。我想一个按钮的百分比链接到一个页面,其余的链接到另一个页面。这对用户来说是盲目的,直到他们点击它

每次重新加载页面时,我都希望图像/链接随机化到它们所在的位置


我知道我可以用JS中的
Math.random()
生成一个随机数,但似乎不知道如何实现上面所描述的。我知道我能从实践中学到最好的东西,所以我想看看是否有人有任何指导

document.addEventListener('DOMContentLoaded',function(){
document.addEventListener('DOMContentLoaded', function() {
    for(var i=0;i<100;i++)
        CreateButtons();
});

function CreateButtons()
{
    var btn = document.createElement("BUTTON");   // Create a <button> element
    btn.innerHTML = "Try your luck";                   // Insert text

    btn.onclick = RedirectLink;
    document.body.appendChild(btn);  
}

function RedirectLink()
{
    var redirectLink = "";
    var randomNumber = Math.random();
    if(randomNumber % 2 == 0)
        redirectLink = "https://www.w3schools.com/jsref/met_document_createelement.asp";
    else
        redirectLink = "https://www.w3schools.com/howto/howto_js_redirect_webpage.asp";
    window.location.replace(redirectLink);
}

对于(var i=0;iIt将有助于展示HTML和Javascript的一个小示例。很可能,您希望在单击链接时调用Javascript函数,该函数将随机选择URL。如果使用flex,您还可以随机选择每个按钮的顺序位置。欢迎使用堆栈溢出!问题应该有一个可以显示您选择的内容的我已经试过了,你在哪里需要帮助。有很多不同的方法来解决你的问题,任何答案都取决于你想要的结果。我知道我可以通过这样做学到最好的东西,所以我想看看是否有人有任何指导。你这么说,但你当前的代码在哪里?这太棒了,谢谢你提供的答案链接-肯定会很有用帮助学习。