forループJavaScriptのパラメータ

Question

私はこのプロジェクトを学校で行っています。 しかし、私は1つの問題を理解することはできません。

私は2色のボクシングがありますが、forループを使用し、forループではパラメータが機能しません。線は異なる場所と異なる長さを持っています。では、どのようにしてforループのパラメータを使用できますか？ちょうどそうそう、それは毎回働くでしょう。

コード私がこれまで持っている：

box('box', 3); 
box('box2, 4); 
function box(id,aantal){ 
    for(var i = 0; i < aantal.length; i++){ 
    var box = document.createElement("div"); 
     box.style.height = "175px"; 
     box.style.width= "175px"; 
     box.style.borderRadius = "5px"; 
     box.style.backgroundColor = "#e6e6e6"; 
     box.style.marginLeft ="25px"; 
     box.style.marginTop = "-160px"; 
     box.style.float = "left"; 
    document.getElementById(id).appendChild(box); 
    } 
} 

Answer 1

box('box', 3); 
box('box2', 4); 
function box(id,aantal){ 
    for(var i = 0; i < aantal; i++){ 
    var box = document.createElement("div"); 
     box.style.height = "175px"; 
     box.style.width= "175px"; 
     box.style.borderRadius = "5px"; 
     box.style.backgroundColor = "#e6e6e6"; 
     box.style.marginLeft ="25px"; 
     box.style.marginTop = "-160px"; 
     box.style.float = "left"; 
    document.getElementById(id).appendChild(box); 
    } 
} 

Answer 2

aantalパラメータは、単に

for (var i = 0; i < aantal; i++) { 

box('box', 3); 
 
box('box2', 4); 
 

 
function box(id, aantal) { 
 
    for (var i = 0; i < aantal; i++) { 
 
    var box = document.createElement("div"); 
 
    box.style.height = "175px"; 
 
    box.style.width = "175px"; 
 
    box.style.borderRadius = "5px"; 
 
    box.style.backgroundColor = "#e6e6e6"; 
 
    box.style.marginLeft = "25px"; 
 
    box.style.float = "left"; 
 
    document.getElementById(id).appendChild(box); 
 
    } 
 
}

<div id="box"></div> 
 
<div id="box2"></div>

数は、このようにあなたが aantal.lengthを使うべきではないですが、

Answer 3

以下のコードから、boxの2番目の呼び出しでは、 は実行時エラーを引き起こす文字列を閉じていないことがわかります。呼び出しは、box('box2', 4);のようになります。また、lengthプロパティにアクセスしているので、aantalが配列であると予想しているという問題もあります。ただし、整数をaantalとしてこの関数に渡しています。

box('box', 3); 
box('box2, 4); 
function box(id, aantal){ 
    for(var i = 0; i < aantal.length; i++){ 
     var box = document.createElement("div"); 
     box.style.height = "175px"; 
     box.style.width= "175px"; 
     box.style.borderRadius = "5px"; 
     box.style.backgroundColor = "#e6e6e6"; 
     box.style.marginLeft ="25px"; 
     box.style.marginTop = "-160px"; 
     box.style.float = "left"; 
     document.getElementById(id).appendChild(box); 
    } 
} 

機能は、ボックスの数を作成する必要がある場合はaantalが数そのものであることから、その後、あなたのループは、よりfor(var i = 0; i < aantal; i++)のようになります。そのようなループは、2番目の引数として渡したボックスの数を作成します。