Menu
I am trying to generate a random number between two values that can be changed to whatever I choose. On the load of the page, I want the number to be shown in the body of my site.
Thanks!
627
It seems to me like you'd prefer to have the whole page written for you, so here you go. I added some very basic styling. Hope you don't mind.
<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>
Your question was pretty vague about what you needed but here is a Javascript solution that generates a random number between two variables and then sets a <div> content to that:
Fiddle: 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 -->
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
