DOMを使用したJavascriptの複数の列テーブル

Question

左から右に読むマルチカラムテーブルを出力する必要があります。テーブルイメージは最初のいくつかのおもちゃだけでどのように見えるかを示しています。 DOMノードを使用してテーブルを出力する必要があります。私はまた、コード列にシーケンシャルなコード番号を生成する必要があります。私はこれの上に私の頭脳をラッキングしているので、どんな助けも高く評価されるだろう。

var productsArr = new Array('ToyA', 'ToyB', 'ToyC', 'ToyD', 'ToyE', 'ToyF', 'ToyG', 'ToyH'); 
 
var pricesArr = new Array(18.70, 11.95, 39.95, 49.95, 54.65, 32.10, 18.70, 11.95); 
 

 
for (var i = 0; i < productsArr.length; i++) { 
 

 
    document.writeln('<table border="1">'); 
 

 
    document.writeln('<tr>'); 
 
    document.writeln('<th>Code</th>'); 
 
    document.writeln('<th>Product</th>'); 
 
    document.writeln('<th>Price</th>'); 
 
    document.writeln('</tr>'); 
 

 
    document.writeln('<tr>'); 
 
    document.write("<td>Generate Number</td>" + "<td>" + productsArr[i] + "</td>" + "<td>" + pricesArr[i] + "</td>") 
 
    document.writeln('</tr>'); 
 
    document.writeln('</table>'); 
 
}

Answer 1

document.write(
    "<td>" + i + "</td>" + 
    "<td>" + productsArr[i] + "</td>" + 
    "<td>" + pricesArr[i] + "</td>" 
); 

...これはシーケンシャルである

document.write(
    "<td>" + Math.floor(Math.random() * 10000000) + "</td>" + 
    "<td>" + productsArr[i] + "</td>" + 
    "<td>" + pricesArr[i] + "</td>" 
); 

...この1つがランダムである、あなたのIDまたは数によって異なります