2017-04-09 9 views
0

私はユーザーから数字を取得し、対応する数の画像を表示しようとしています。なぜ私のコードが壊れているのか分かりません。私は答えをどこにも見つけることができません。助けてください。ユーザーの画像の数を表示する方法は? Javascript

<!DOCTYPE hmtl> 
<html> 
    <head> 
    <script> 
    function howMany(){ 
      var numBurgers = parseInt(prompt('How many burgers do you want?', "3")); 
     var x = ""; 

     for(var count = 0; count < numBurgers; count++;){ 
      x += "<img src=\"burger.jpg\" />"; 
     } 

     document.getElementById('burgerImages').innerHTML = x; 
    } 
</script> 
</head> 
<body onload="howMany();"> 
    <div id="burgerImages"></div> 
</body> 

答えて

1

あなたは

のdocument.getElementById( 'burgerImages')を行っているのinnerHTML = xで。

burgerImagesの内容をxで上書きします。

あなたは次のようにappendChildメソッドを使用する必要があります。

のdocument.getElementById( 'burgerImages')のappendChild(x)です。

関連する問題