Random Generator

<!DOCTYPE html>
<html>
<head>
<title>Random Generator</title>
<style>
.span {font-size: 20px; float: left; font-color: #33AAFF;}
#result {font-size: 22px;}
input {width: 97%}
.generator {background: #005555; padding: 10px; width: 20%; text-align: center;}
.generator-elements {width: 15%;}
button {background-color: #00AAAA; font-size: 16px; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%;}
</style>
</head>
<body>
<div class="generator">
	<h1>Generator</h1>
	<span class="span">Min:</span><input type="number" id="min"></br>
	<span class="span">Max:</span><input type="number" id="max"></br>
	<button onclick="generate()">Generate</button>
	<div>
		<span id="result"></span>
	</div>
</div>
<script>
var generator = "no";
window.onload = function() {generator = "no"}
var framesPerSecond = 30;
setInterval(function() {
	if(generator == "yes") {
		if(document.getElementById("result").innerHTML > document.getElementById("min").value && document.getElementById("result").innerHTML != "") {
		} else {
		    generate();
		}
	}
}, 1000/framesPerSecond);

function generate() {
	var x = Math.floor((Math.random() * document.getElementById("max").value) + 1);
	document.getElementById("result").innerHTML = x;
	generator = "yes";
}
</script>

</body>
</html>