How to store HTML inputs into Javascript variables?

Question

I am making a random number generator and I would like to store the input of the max number in a variable so I can find a random number. I don't know how to do this. Can you help?

 <html> <p><font size="6"><center>Welcome to the Random Number Generator</center></font></p> <script> var x = 1; function getRandomNumber() { while (x>=amountOfNumbers) { var randomNumber = Math.floor(Math.random() * maxNumber); } } function alertTheNumber() { alert(maxNumber); } </script> <p>What would you like your max number to be and how many random numbers do you want?</p> <p><form action="form"></p> My max number is <input id="maxNumber" min="1" max="100000000" type="number" name="maxNumber"><br> I want <input id="amountOfNumbers" min="1" max="20" type="number" name="amountOfNumbers"><br> <button type="button" onclick"getRandomNumber()">Generate!</button> </html>

Answer 1

function getRandomNumber() {

    var max = Number(document.getElementById("maxNumber").value);

    //...

Answer 2

You need to use getElementById to get the specific input element value

<html>
<p><font size="6"><center>Welcome to the Random Number Generator</center></font></p>

<script>

var x = 1;

function getRandomNumber()
{
    var amountOfNumbers = parseInt( document.getElementById( "amountOfNumbers" ).value ); //get the value of amount of numbers to be generated
    var maxNumber = parseInt( document.getElementById( "maxNumber" ).value ); //get the maxvalue of a number should be
    var numbers = [];
    while (x<=amountOfNumbers)
    {
        numbers.push( Math.floor(Math.random() * maxNumber); //push the numbers in an array
    }
    console.log( numbers.join( "," ) ); //show the numbers on console separated by comma
    alert( numbers.join( "," ) );
}

</script>

<p>What would you like your max number to be and how many random numbers do you want?</p>
<p><form action="form"></p>
    My max number is <input id="maxNumber" min="1" max="100000000" type="number" name="maxNumber"><br>
    I want <input id="amountOfNumbers" min="1" max="20" type="number" name="amountOfNumbers"><br> numbers

<button type="button" onclick"getRandomNumber()">Generate!</button>
</html>

How to store HTML inputs into Javascript variables?

Question

2 answers

solution1
0 2015-12-30 05:36:03

solution2
0 ACCPTED 2015-12-30 05:38:07

How to store HTML inputs into Javascript variables?

Question

2 answers

solution1 0 2015-12-30 05:36:03

solution2 0 ACCPTED 2015-12-30 05:38:07

solution1
0 2015-12-30 05:36:03

solution2
0 ACCPTED 2015-12-30 05:38:07