Javascript 我如何获得一个4by4网格来显示我所有的拼图块？

我正在尝试制作一个图像拼图游戏，其中有一个4by4网格来尝试解决一个洗牌拼图。我尝试创建一个4by4网格，但没有成功，更不用说让数组中的每个元素对应于棋盘上的一个拼图了。我试着为每张图片制作div，但找不到一种方法在黑板上正确显示它们。如何实现与阵列中的元素相对应的4by4网格

注意：我知道我的图像显示不正确，因为文件尚未转换到stack overflow的服务器，请暂时忽略它

var片段=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]；
函数初始化（）
{
对于（var i=pieces.length；i您的HTML错误会将网格弄乱-在错误的位置有
标记-并且缺少
标记

正确的HTML：





有一个Javascript错误-它不会影响网格

循环控制语句中的增量表达式后不应有分号

也更喜欢使用
let
而不是
var

for（让i=pieces.length；i您的HTML错误将网格弄乱-在错误的位置有
标记-并且缺少
标记

正确的HTML：





有一个Javascript错误-它不会影响网格

循环控制语句中的增量表达式后不应有分号

也更喜欢使用
let
而不是
var

for（设i=parties.length；i