Javascript-appendChild不'；t追加元素，并且控制台中没有错误

我正在尝试使用javascript创建一个16X16的正方形网格。当我尝试使用开发工具解决这个问题时-控制台中没有错误，但是我尝试附加的

div

丢失了。以下是相关的代码片段：

window.addEventListener（“onload”，函数（）{
var square=document.createElement（“div”）
square.className=“square”
var grid=document.getElementById（“网格”）
var make_grid=函数（）{
var线=0；
while（第16行）{
对于（变量i=0；i<16；i++）{
网格.appendChild（方形）
}
line++；
}
}
});
.square{
宽度：100px；
高度：100px；
边框：1px实心#000；
}
我发现这里至少有两个问题

你永远不会调用make_网格函数
您多次附加同一元素。您需要每次创建一个新的，否则它只会移动现有的
第三个：

您要侦听的事件名称是
load
而不是
onload
您实际上并没有调用该函数，您所做的只是声明它。加：

make_grid();

到函数末尾调用该函数。
确定它正在运行吗？“加载”而不是“onload”缺少onload的另一个问题谢谢！这真的很有帮助。忘记调用make_grid（）；，我觉得有点傻我现在要研究第二点，我会尽快接受你的答案，让我来吧！