我正在尝试在两个值之间生成一个随机数,可以将其更改为我选择的任何值。在页面加载时,我希望数字显示在我的网站正文中。
谢谢!
答案 0 :(得分:2)
您的问题对于您需要的内容非常含糊,但这里是一个Javascript解决方案,可以在两个变量之间生成一个随机数,然后将<div>
内容设置为:
小提琴:http://jsfiddle.net/BenedictLewis/xmPgR/
JS:
var link = document.getElementById('getNumber'); // Gets the link
link.onclick = getNumber; // Runs the function on click
function getNumber() {
var minNumber = 0; // The minimum number you want
var maxNumber = 100; // The maximum number you want
var randomnumber = Math.floor(Math.random() * (maxNumber + 1) + minNumber); // Generates random number
$('#myNumber').html(randomnumber); // Sets content of <div> to number
return false; // Returns false just to tidy everything up
}
HTML:
<div id="myNumber"></div> <!-- Your number will appear in here -->
<a href="no-javascript.html" id="getNumber">Get number</a> <!-- Link to get number. If the user has no JS enabled it will redirect to no-javascript.html -->
答案 1 :(得分:2)
我使用javascript完成了这项工作,它会生成0-9之间的随机数。这是代码。
<html>
<body>
<p id="one"></p>
<button onclick="random()">Random</button>
<script>
function random(){
document.getElementById("one").innerHTML = Math.floor(Math.random() * 10);
}
</script>
</body>
如果您想要数字之间的输出,例如1-10之间,请编辑
Math.floor(Math.random() * 10) + 1;
希望这会对你有所帮助。谢谢你
答案 2 :(得分:0)
在我看来,您似乎希望为您编写整个页面,所以就到这里。我添加了一些非常基本的样式。希望你不介意。
<html>
<head>
<script src="https://randojs.com/1.0.0.js"></script>
<script>
function showRandomNumber(){
document.getElementById("myNumber").innerHTML = rando(5, 10);
}
</script>
<style>
#myNumber{
font-size:100px;
text-align:center;
margin:50px auto;
font-family:Arial, sans-serif;
}
</style>
</head>
<body onload="showRandomNumber();">
<div id="myNumber"></div>
</body>
</html>