0

私はJavascriptが初めてで、基本的なファイルに取り組んでいましたが、何らかの理由でinnerHTMLメソッドを動作させることができません. ここで私が間違っていることについて何か考えはありますか?

<html>
<head> <title>Testing Javascript</title>

<script type="text/javascript">

function GenerateNumber()
{
min = parseFloat(document.getElementbyId('miniBox').value);
max = parseFloat(document.getElementbyId('maxBox').value);
number = Math.floor (Math.random()*(max+min-1)+min);
document.getElementbyId('outputbox').innerHTML = 'Your value is: ' + number
}

</script>

</head>

<body>

<p>The numbers are selected between <input type='text' id='miniBox' size=3 value=0> and <input type='text' id='maxBox' size=3 value=10></p>

<input type="button" value="Generate my number: " onClick="GenerateNumber();">

<hr>
<div id="outputbox"></div>
</body>



</html>
4

3 に答える 3

1

メソッド名のスペルが間違っています。である必要がありますdocument.getElementById()

于 2012-10-17T17:26:28.013 に答える
1

document.getElementbyIdする必要がありますdocument.getElementById:)

于 2012-10-17T17:26:51.130 に答える
0

可能であれば、次のように、innerHtml ではなく DOM を使用することをお勧めします。

document.getElementById('outputbox').appendChild(document.createTextNode('Your value is: ' + number));

http://slayeroffice.com/articles/innerHTML_alternatives/は、DOM の操作についてかなり明確に説明しています。

于 2012-10-17T17:34:47.683 に答える