Javascript jQuery-函数内变量的声明将停止解析

我遇到了一个我想不出来的错误。在函数中声明变量会导致脚本的其余部分不执行。以下面的工作示例为例：

不过，如果我补充：

var square_size = $('#grid_container').width()/input - 2;

根据：

var makeGrid = function(opt){
    if (opt >= 1 && opt <= 128){
        ...

函数makeGrid下的条件if语句将不会执行，但else语句仍将执行-如下面的JSFIDLE中所示：

有任何指针吗？

是您的第一个工作示例。有一些js错误阻止了它的执行

从按钮中删除onclick处理程序

<button id="b1">Black</button>
<button id="b2">Multicoloured</button>

第二小提琴也一样。添加jq支持，在makeGrid函数中定义输入变量

未定义变量输入。您可以为输入指定一个值，例如：

   var input = 1;

或者使用另一个变量进行计算，例如opt：

---

$“网格容器”。宽度/输入-2；从这里，输入来自何处？输入未定义，并且链接的非工作fiddle不包括jQuery，但尝试使用。控制台ftw。

   var input = 1;

   var square_size = $('#gridContainer').width() / opt - 2;