Javascript 使用jquery生成网格-代码不完整

Javascript 使用jquery生成网格-代码不完整,javascript,jquery,html,raphael,Javascript,Jquery,Html,Raphael,我正试图找出如何使我的代码正常工作,如下所示: 问题是: 为Raphaël paper对象创建一个包含文本输入、按钮和容器的HTML页面。我们将让用户在表单中输入一个数字并单击按钮,然后绘制一个n×n的正方形网格。 如果用户在文本输入中输入8并单击按钮,则应绘制八行和八列小正方形。要执行此操作,需要两个相互嵌套的for循环,如下所示:* 在最里面的循环体中,用循环计数器计算的x和y值在纸上画一个小正方形,使正方形最终形成网格图案 这是我的代码: x=0 y=0 网格=函数{ 输入的文本=$'h

我正试图找出如何使我的代码正常工作,如下所示:

问题是:

为Raphaël paper对象创建一个包含文本输入、按钮和容器的HTML页面。我们将让用户在表单中输入一个数字并单击按钮,然后绘制一个n×n的正方形网格。 如果用户在文本输入中输入8并单击按钮,则应绘制八行和八列小正方形。要执行此操作,需要两个相互嵌套的for循环,如下所示:*

在最里面的循环体中,用循环计数器计算的x和y值在纸上画一个小正方形,使正方形最终形成网格图案

这是我的代码:

x=0 y=0 网格=函数{ 输入的文本=$'howmany'.val;
对于row=entered\u text;row您很接近,您只是将r值(一个非数字)乘以col,这将返回NaN,这不好。然后我还将输入的\u文本转换为一个数字并修改for循环。因此我继续更新它。如果您想要填充,只需将所有的20增加到25即可

x=0 y=0 网格=函数{ 输入的\u text=Number$'howmany'.val; 对于行=0;行<输入的\u文本;行+=1{ 对于col=0;col任何错误消息?当你运行代码时会发生什么?顺便说一句。你应该使用let、var或const来定义你的变量,你在代码中声明它们的方式,它们都是窗口对象的全局属性,这是非常糟糕的做法。我不知道我的.js到目前为止是否正确地显示了网格-你知道这是不正确的,因为注意,当你为row=entered\u text;row@nnnnnn编码时,我为row=1编写了代码;row应该非常感谢你的帮助!!:DHey,如果你能标记为解决方案,它会有很大帮助。没问题。不过nnnnnn是正确的,我更新了我的答案。
for ( row=1; ... ) {
  for ( col=1; ... ) {
    ...
  }
}