Javascript 如何随机化网页中的对象/链接?
我正在自学HTML、CSS和JavaScript,并试图将它们组合在一起 我想有100个可点击的图片/链接(只是相同图片的按钮)。我想一个按钮的百分比链接到一个页面,其余的链接到另一个页面。这对用户来说是盲目的,直到他们点击它 每次重新加载页面时,我都希望图像/链接随机化到它们所在的位置Javascript 如何随机化网页中的对象/链接?,javascript,html,css,Javascript,Html,Css,我正在自学HTML、CSS和JavaScript,并试图将它们组合在一起 我想有100个可点击的图片/链接(只是相同图片的按钮)。我想一个按钮的百分比链接到一个页面,其余的链接到另一个页面。这对用户来说是盲目的,直到他们点击它 每次重新加载页面时,我都希望图像/链接随机化到它们所在的位置 我知道我可以用JS中的Math.random()生成一个随机数,但似乎不知道如何实现上面所描述的。我知道我能从实践中学到最好的东西,所以我想看看是否有人有任何指导 document.addEventListen
我知道我可以用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,您还可以随机选择每个按钮的顺序位置。欢迎使用堆栈溢出!问题应该有一个可以显示您选择的内容的我已经试过了,你在哪里需要帮助。有很多不同的方法来解决你的问题,任何答案都取决于你想要的结果。我知道我可以通过这样做学到最好的东西,所以我想看看是否有人有任何指导。你这么说,但你当前的代码在哪里?这太棒了,谢谢你提供的答案链接-肯定会很有用帮助学习。