在每次按下链接后添加新的随机数
[英]adding new random number after a link on every press
问题描述
the goal of my code is to generate a new link each time "generate" is pressed, so that i can find new songs for geometry dash without having to spam numbers.
我的代码的目标是在每次按下“生成”时生成一个新链接，这样我就可以找到几何冲刺的新歌曲，而不必发送垃圾邮件号码。
i have tried the string below but every time the button were to be clicked, it would append a new set of numbers on the end.我已经尝试了下面的字符串，但是每次单击按钮时，它都会在末尾附加一组新数字。 i wish for the program to not require a refresh我希望程序不需要刷新
document.querySelectorAll("a").forEach(link =>
link.setAttribute("href", link.getAttribute("href") + Math.floor(Math.random() * 111392.8) + 1)
this is my current attempt.这是我目前的尝试。 i have gotten the goal of a new number on every button press with a refresh but the prefix of "https://www.newgrounds.com/audio/listen/" won't append to the start.我的目标是在每次按下按钮时都刷新一个新号码，但“https://www.newgrounds.com/audio/listen/”的前缀不会附加到开头。
window.onclick = () => { document.querySelectorAll("a").forEach(link => link.setAttribute("href", Math.floor(Math.random() * 111392.8) + 1) ); };
<title> Newgrounds Song Generator </title> <body> <h1>Click the button to visit a random song!</h1> <a href="https://www.newgrounds.com/audio/listen/" target="_blank"> <button>Generate</button> </a>
3 个解决方案
解决方案1
1 已采纳 2022-07-01 21:17:51
Don't have a button in a link!链接中没有按钮！
The code can be much simpler with a form使用表单代码可以简单得多
const url = "https://www.newgrounds.com/audio/listen/"; document.getElementById("generate").addEventListener("submit", function() { const link = url + Math.floor(Math.random() * 111392.8) + 1; console.log(link) this.action = link; // SO does not allow a target="_blank" in a snippet })
<title> Newgrounds Song Generator </title> <h1>Click the button to visit a random song!</h1> <form id="generate" target="_blank"> <button type="submit">Generate</button> </form>
Or a link styled as a button或样式为按钮的链接
const url = "https://www.newgrounds.com/audio/listen/"; document.getElementById("generate").addEventListener("click", function() { const link = url + Math.floor(Math.random() * 111392.8) + 1; console.log(link) this.href = link; // SO does not allow a target="_blank" in a snippet })
.button { font: bold 11px Arial; text-decoration: none; background-color: #EEEEEE; color: #333333; padding: 2px 6px 2px 6px; border-top: 1px solid #CCCCCC; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #CCCCCC; }
<title> Newgrounds Song Generator </title> <h1>Click the button to visit a random song!</h1> <a class="button" id="generate" target="_blank" href="">Generate</a>
解决方案2
-2 2022-07-01 21:02:41
I'd recommend storing the rest of the domain in a separate variable, like so我建议将域的其余部分存储在一个单独的变量中，就像这样
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="CSS1.css">
<script>
// Moved the href here to make it reusable easily
const hrefBase = "https://www.newgrounds.com/audio/listen/"
window.onclick = () => {
document.querySelectorAll("a").forEach(link =>
link.setAttribute("href", hrefBase + Math.floor(Math.random() * 111392.8) + 1)
);
};
</script>
</head>
<title>
Newgrounds Song Generator
</title>
<body>
<h1>Click the button to visit a random song!</h1>
<a href="" target="_blank">
Generate
</a>
</body>
</html>
Hopefully that helps!希望这会有所帮助！
解决方案3
-2 2022-07-01 21:22:50
You have some problems with it:你有一些问题：
- You shouldn't use script tag inside the head tag.您不应该在head标签内使用script标签。
- You shouldn't use button tag inside an anchor tag.您不应该在锚标签内使用按钮标签。
- You shouldn't use window.onclick because it will activate the function no matter where you click.您不应该使用window.onclick ，因为无论您单击何处，它都会激活该功能。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="CSS1.css"> </head> <title> Newgrounds Song Generator </title> <body> <h1>Click the button to visit a random song!</h1> <button id="listen"> Generate </button> </body> <script> const baseUrl = "https://www.newgrounds.com/audio/listen/"; document.getElementById("listen").onclick = () => { let a = document.createElement('a'); a.href = baseUrl + (Math.floor(Math.random() * 111392.8) + 1); a.target = '_blank'; a.click(); }; </script> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.