如何将HTML输入存储到Javascript变量中?

时间:2015-12-30 05:30:11

标签: javascript html

我正在制作一个随机数生成器,我想将最大数字的输入存储在一个变量中,这样我就可以找到一个随机数。我不知道该怎么做。你能帮忙吗?



<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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

function getRandomNumber() {

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

    //...

答案 1 :(得分:0)

您需要使用getElementById来获取特定的输入元素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>