[nfbcs] Generating random numbers in html with javascript

Tue Apr 2 04:40:54 UTC 2019

Hello all,

My name is Zachary Morris. I am a computer science college student. I am 
currently working on an html project, where I have to create five 
different html pages with some sort of javascript element. Anyway, one 
of the html pages I am working on is a random number generator. I think 
some of my javascript code is wrong, the code is below for the entire 
webpage. Could you let me know what's wrong with it and how to fix it? 
Any help appreciated.

code:

     <doctype html>
     <html>
<head>
<h1> Random Number generator </h1>
</head>
<body>
     <p>
     Welcome to the random number generator. Below, you will find, the 
first edit box is the number of numbers to generate. The second edit box 
is the minimum value you want generated. Finally, the last edit box is 
for the maximum number you want generated. Then, there is a button you 
can use to generate the values given the specific parameters. Enjoy!
     </p>
     <form>
     <fieldset>
<legend> Enter the number of numbers generated </legend>
<p>
<label> Enter number of numbers to be generated </label>
<input type="text" id = "numOfNums" value = "1" />

</fieldset>

<fieldset>
<legend> Enter the minimum number you want generated </legend>
<p>
<label> Enter the minimum number you want generated </label>
<input type="text" id = "minNum" value = "1" />

</fieldset>

<fieldset>
<legend> Enter the maximum number you want generated </legend>
<p>
<label> Enter the maximum number you want generated </label>
<input type="text" id = "maxNum" value = "2" />

</fieldset>

<input type = "button" value = "generate" onclick = "generate()">

</form>

<script>

var result = [];
function generate() {
var minNum = parseFloat(document.getElementById("minNum").value);

var maxNum = parseFloat(document.getElementById("maxNum").value);
var amount = parseInt(document.getElementById("numOfNums").value);

for(i = 0; i <= amount; i++) {
result = Math.random() * (maxNum - minNum) + minNum;
}
document.parseFloat(document.getElementById("result").value) = result;
}
</script>
<fieldset>
<p>
<label> Result
</label>
<input type="text" id = "result" readonly> <br>
</fieldset>