使用JS将函数中的随机值写入生成的表?

时间:2013-06-25 13:52:39

标签: javascript html html5 html-table

我有一个表,根据用户的输入生成5列和X行。在行中,我试图生成随机数来模拟数据。目前我的表格内容是由这个JS for循环生成的:

for(i = dur; i >= 0; i -= 15)
    {
           document.write('<tr>')
           document.write('<td>reading ' + i + ', column 0;</td>')
           document.write('<td>reading ' + i + ', column 1</td>')
           document.write('<td>reading ' + i + ', column 2</td>')
           document.write('<td>reading ' + i + ', column 3</td>')
           document.write('<td>reading ' + i + ', column 4</td>')
           document.write('</tr>')  
    }

我有一个函数可以创建带有2位小数的随机数,只要最小值和最大值> 10k且<99k:

function randomNumber (min, max) 
    {
        var random =  Math.floor((Math.random() * (max - min) + min))/100;
    }

我想要发生的是在for循环中插入随机创建的数字,使用函数而不是我当前作为占位符的i值。

编辑:我还希望能够操纵表格中的数据。 I.E.第3列=第1列+第2列。

1 个答案:

答案 0 :(得分:0)

我在这里尝试了另一个解决方案:

    <!DOCTYPE html>
    <html>
        <head>
            <title>Page Title</title>
            <style>
                td {
                    border: 1px solid #000;
                    padding: 20px;
                }
            </style>
        </head>
        <body>
            <script type="text/javascript">
                var table = document.createElement('table');
                for(let i = 0; i < 5; i++) {
                    var tr = document.createElement('tr');
                    for(let j = 0; j < 5; j++) {
                        var td = document.createElement('td');
                        td.innerHTML = Math.floor((Math.random()*100) + 1);
                        tr.appendChild(td)
                    }
                    table.appendChild(tr)
                }
                document.body.appendChild(table)
            </script>
        </body>
    </html>