Generating a Random Number

Resources for a tutorial by Benedict Lewis.

by wcreedh

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<!-- Ignore this <div>, it just displays the information about the turorial. If you find it distracting, feel free to delete it. -->


<!-- The code for the tutorial starts here -->
<div id="myNumber"></div>
<!-- The code for the tutorial starts here -->

<!-- Your number will appear in here -->Click <a href="no-javascript.html" id="getNumber">here</a> to get a random starting page.
<!-- Link to get number. If the user has no JS enabled it will redirect to no-javascript.html -->
<br /><br />

CSS

pre {
  font-size: 8px;
}

JavaScript

var link = document.getElementById('getNumber'); // Gets the link
link.onclick = getNumber; // Runs the function on click

function getNumber() {
  var minNumber = 1; // The minimum number you want
  var maxNumber = 2300; // 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
}