Question

我是JS的新手，并且一直在通过The Odin Project学习课程。我正在进行我的第一个JS / JQuery项目，我遇到了这个项目的问题：

如何使用JS / JQuery，以便用户可以输入1-16之间的数字，网格将弹出页面的大小。即用户输入3和3x3网格，网页的大小出来？或用户输入16和16x16网格出来？

我不想直接回答，但也许有人可以用一些入门代码指出我正确的方向？我猜最好的方法是创建一个div并使用.append（）函数？在这里需要更多的指导。

Answer 1

以下是您需要的神秘回应。我已经包含了填空，并省略了如何扩展表格来填充屏幕。 提示：使用$（window）.height（）/ $（window）.width（）来获取屏幕大小。

＆＃13;

$('#grid').change(function(){
    $('table').remove();
    var code = "<table>";
    for (var i = 0; i < $('#grid').val(); i++)
    {
        code += "???";
        for (var j = 0; j < $('#grid').val(); j++)
        {
            code += "???";
        }
        code += "???";
    }
    code += "</table>";
    $('#container').append(code);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
    <label>Grid Size</label>
    <input type="number" id="grid" />
</div>

＆＃13;

使用JS或JQuery制作网格

1 个答案: