如何创建JavaScript乘法表？

我正在努力创建一个乘法表，在表格单元格中显示结果，每当您在“提示”对话框中键入新数字时，它都会生成一个新表。到目前为止，我已经创建了第一行和第一个冒号。我尝试过不同的方法来做乘法运算，但它对我不起作用。你能帮助我吗？（下面是HTML、CSS和JS代码。）

jQuery（文档）.ready（函数（）{
while（true）{
var$Number=prompt（“选择一个数字来创建乘法表：”）；
如果（$Number===''+parseInt（$Number））{
打破
}否则{
警告（“您没有键入数字！请键入数字！”）；
}
}
对于（var a=1；a

正文{
最大宽度：90%；
字体系列：“开放式Sans”，无衬线；
保证金：0自动；
}
h1{
文本对齐：居中；
边缘底部：1.5em；
}
桌子{
文本对齐：居中；
左边距：2米；
边缘顶部：1米；
}
运输署{
填充：1em；
}

乘法表
X

下面是一个使用嵌套循环的简单示例，如所建议的

var table=document.getElementById（“myTable”）；
var temp=“”；
var max=parseInt（提示（“键入max number”，“10”））；
var t=new Date（）.getTime（）；
对于（var y=1；y，您可以尝试以下方法：

逻辑
该表分为3个部分


顶部面板：“X”后跟数字
左面板：仅限数字
正文：乘法值



函数createBody（num）{
var_html=“”；
对于（var r=0；r对于（var c=1；cPure JS），您可以通过使用
tableMaker
函数执行类似操作。Table maker获取一个对象数组并返回一个HTML表字符串。数组的每个对象项指定表中的一行，其中对象属性指定列。例如{a:1，b:2}这意味着一行有两个单元格，值分别为1和2。表标题将是“a”和“b”。所有对象都应具有完全相同的属性，以防止标题名称或列计数发生冲突


功能制表器（o，h）{
var keys=Object.keys（o[0]），
rowMaker=（a，t）=>a.reduce（（p，c，i，a）=>p+（i==a.length-1？“+c+”）
：“+c+”，“），
rows=o.reduce（（r，c）=>r+rowMaker（key.reduce（（v，k）=>v.concat（c[k]），[]），“td”），h？rowMaker（key，“th”）：[]）；
返回“+行+”；
}
函数makeRow（i）{
var o={}，
j=0；
而（jmakeRow（i））；
myTable.innerHTML=tableMaker（tableData，true）
提示：使用嵌套循环，例如在a…
中为b…
添加新的
循环。一个循环生成行，另一个生成列。