[nfbcs] Generating random numbers in html with javascript
zachary morris
morriszachary99 at gmail.com
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>
More information about the NFBCS
mailing list