JSFiddle - React, Tailwind, and code Playground

by jack2ky

HTML

<label for="min">Enter the min:</label>
		<input type="text" id = "min" /> <br />

		<label for="max">Enter the max:</label>
		<input type="text" id = "max" /> <br />
		
		<input type="button" id = "calculate" value = "calculate"/>
		<span id ="output">&nbsp;</span>

JavaScript

var $ = function(id){
			return document.getElementById(id);
		}
	window.onload = function () {


    	var random_number = function(min, max, digits){
    		digits = isNaN(digits) ? 0 : parseInt(digits);

    		if(digits < 0){
    			digits = 0;
    		}else if (digits > 16){
    			digits = 16
    		}
    		if(digits == 0){
    			return Math.floor(Math.random() * (max - min +1)) +min;
    		}else {
    			var rand = Math.random() * (max - min) + min;
    			return parseFloat(rand.toFixed(digits));
    		}
    	}

    	
    	var storage = $("calculate").onclick = answer;

    	 var answer = function(){
    	 	 	var miny = $("min").value;
    			var maxy = $("max").value;
    	 		return random_number(miny, maxy);
    	 }
    	$("output").firstChild.nodeValue = storage;
  
}