2013-04-20 76 views
1

我试图在两个值之间生成一个随机数,可以将其更改为任何我选择的值。在页面加载时,我希望数字显示在我的网站正文中。为HTML生成一个随机数

谢谢!

+2

客户端(需要JavaScript)或serverside?你有什么尝试? – GitaarLAB 2013-04-20 05:15:28

+0

@GitaarLAB我假定客户端只是因为我没有看到你想要做这个服务器端的理由,除非你想把它放在数据库或其他东西......? – 2013-04-22 12:58:36

回答

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

我已经完成了这个使用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; 

希望这将帮助你you.Thank