使用JS或JQuery制作網格

Question

我是JS的新手，並且一直在通過The Odin Project學習課程。 我在第一個JS / JQuery項目中，但是在這個項目上遇到了麻煩：

我如何使用JS / JQuery，以便用戶可以輸入1-16之間的數字，並且網格會彈出頁面的大小。 即用戶輸入3和3x3的網格大小的網頁出來？ 還是用戶輸入16並出現16x16網格？

我不想給出一個直接的答案，但是也許有人可以通過一些入門代碼將我指向正確的方向嗎？ 我猜最好的方法是創建一個div並使用.append（）函數？ 這里只需要多一點指導。

Answer 1

這是您需要的神秘反應。 我已經填入了空白，並省略了如何擴展表格以填滿屏幕。 提示：使用$（window）.height（）/ $（window）.width（）獲取屏幕尺寸。

 $('#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); }); 

 <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>