jQuery addClass example

Change class name on click in jQuery

HTML

<span>Between:</span>
<input type="number" class="min-points" value="1">
and
<input type="number" class="max-points" value="6"><br/>

<button>
Go!
</button>

<p class="random">
  ...
</p>

JavaScript

var points;
var minPoints;
var maxPoints;

function randomNumber(min, max) {
	points = Math.floor(Math.random() * (max - min + 1) + min);
}

$( "button" ).on( "click", function ( event ) {
	minPoints = $( ".min-points" ).val();
	maxPoints = $( ".max-points" ).val();
	randomNumber(minPoints, maxPoints);
  $(".random").html(points);
});