1

ユーザーが望む数に基づいて乱数のリストを生成する単純な Js 関数があります。関数は正常に動作し、正常にログに記録されますが、希望どおりに表示されません。私はJavascriptが初めてなので、\nエスケープ文字を使用してみましたが、何もしませんでした. どんな助けでも大歓迎です。

function generateIDs() 
{

var num = document.getElementById('numberToGenerate').value;
var par = document.getElementById('numbers');
var button = document.getElementById('genButton');
button.disabled = true;

for (var x=0;x<num;x++) 
{

var id = Math.floor((Math.random()*10000)+1);
par.innerHTML = id;


}


    <form>
Auto-Generate <input type="text" name="number" id="numberToGenerate"/> IDs.
<button type="button" onclick="generateIDs()" id="genButton">Go!</button>
</form>

<p id="numbers">

</p>
4

1 に答える 1

2

\nブラウザにとってはあまり意味がありません。代わりに使用<br/>します。

例：

// snip
for (var x=0;x<num;x++) 
{
    var id = Math.floor((Math.random()*10000)+1);
    par.innerHTML = id.toString() + '<br/>';       
}
//snip

これにより、各反復で以前の値が上書きされることに注意してください。おそらくこれが必要です：

par.innerHTML += id.toString() + '<br/>';

于 2013-06-09T17:19:00.200 に答える