Javascript 从两个输入字段创建div网格

给定两个输入字段，我想创建一个网格，第一个输入作为行，第二个输入作为列，单击单独的按钮后显示

我知道如何制作网格NxN，但我想要一个网格NxY，它是通过一个按钮创建的

const grid=document.querySelector（“gridDiv”）；
const rowSize=document.querySelector（“rowInput”）；
const colSize=document.querySelector（“columnInput”）；
const button=document.querySelector（“按钮”）；
函数NxY（n，y）{
设rowsar=[]；
设columnArr=[]；
for（设i=0；i{
让outerDiv=document.createElement（“div”）
outerDiv.classList.add（“行”）；
items.forEach（（项目）=>{
设dv=document.createElement（“div”）；
dv.classList.add（“单元格”）；
附肢儿童（dv）；
});
网格.appendChild（outerDiv）；
});
}
NxY（3,4）请尝试此代码段


$（'#btn插入'）。单击（函数（）{
$（'#mtable tbody'）.html（''）；
var row_count=$（'#row'）.val（）；
var col_count=$（'#col'）.val（）；
if（行计数和列计数）{
//条目有效
而（行数>0）{
//添加新行
$（'#mtable tbody'）。追加（$（“”）；
行计数--；
}
而（列数>0）{
//添加新列
$（'#mtable tr'）。追加（$（“”）；
$（'#mtable tbody tr'）.each（function（）{$（this）.children（'td:last'）.append（$（''）}）；
上校数——；
}
}else{alert（'Invalid entry'）；}
}); 
$（'#btnisert2'）。单击（函数（）{
$（'#mDiv'）.html（''）；
var row_count=$（'#row2'）.val（）；
var col_count=$（'#col2'）.val（）；
if（行计数和列计数）{
//条目有效
而（行数>0）{
//添加新行
$（'#mDiv'）。追加（$（“”）；
行计数--；
}
而（列计数>0）{
//添加新列
$（'#mDiv'）.children（'.row'）.each（function（）{$（this.append（$（''））}）；
上校数——；
}
}else{alert（'Invalid entry'）；}
}); 
td{padding:5px；}
.col{边距：5px；
最小高度：50px；
背景：#aaaaaa；}

桌子
生成网格






对于Divs
生成网格







您能澄清一下您的问题吗？从这个或一个JSFIDLE或您问题的片段中，您所说的网格是什么意思？例如，是一个矩阵。