组合锁的游戏（JavaScript）

我正在制作一个谜语游戏，我需要用JavaScript制作一个六位数的锁组合。我找不到正确组合的方法。我试着制作6个不同的变量，每个变量都有10个可能的数字（从0到9）。问题是：当我编写javascript时，我使用带有条件的

if语句
（n1==0&&n2==0&&n3==0&&n4==0&&n5==0&&n6==0）
来更改
div
的
id
，当所有条件都是
true
时，但这似乎不起作用。
我看到了一个代码（），它的锁组合与我的类似。编码员在整个组合中使用了一个
数组
，但实际上我并不完全理解代码，我更喜欢使用分离的
变量
。我是否必须使用
数组
，或者是否有办法像我现在这样编写
if语句
我应该使用jQuery，还是应该坚持使用JS

这是我的密码：

var n1=1；
var n2=3；
var n3=2；
var n4=1；
变量n5=1；
var n6=1；
document.getElementById（“number1”）.innerHTML=n1；
document.getElementById（“number2”）.innerHTML=n2；
document.getElementById（“number3”）.innerHTML=n3；
document.getElementById（“number4”）.innerHTML=n4；
document.getElementById（“number5”）.innerHTML=n5；
document.getElementById（“number6”）.innerHTML=n6；
函数incN1（）{
如果（n1>9）{
n1=0；
document.getElementById（“number1”）.innerHTML=n1；
}否则{
document.getElementById（“number1”）.innerHTML=n1++；
}
}
函数incN2（）{
如果（n2>9）{
n2=0；
document.getElementById（“number2”）.innerHTML=n2；
}否则{
document.getElementById（“number2”）.innerHTML=n2++；
}
}
函数incN3（）{
如果（n3>9）{
n3=0；
document.getElementById（“number3”）.innerHTML=n3；
}否则{
document.getElementById（“number3”）.innerHTML=n3++；
}
}
函数incN4（）{
如果（n4>9）{
n4=0；
document.getElementById（“number4”）.innerHTML=n4；
}否则{
document.getElementById（“number4”）.innerHTML=n4++；
}
}
函数incN5（）{
如果（n5>9）{
n5=0；
document.getElementById（“number5”）.innerHTML=n5；
}否则{
document.getElementById（“number5”）.innerHTML=n5++；
}
}
函数incN6（）{
如果（n6>9）{
n6=0；
document.getElementById（“number6”）.innerHTML=n6；
}否则{
document.getElementById（“number6”）.innerHTML=n6++；
}
}
函数ups（）{
警报（“它已锁定！请尝试查找组合以了解此储物柜隐藏的内容！”）；
}
如果（n1==0&&n2==0&&n3==0&&n4==0&&n5==0&&n6==0）{
document.getElementById（'lock'）.id=“解锁”；
}
正文{
背景色：黑色；
}
#容器{
保证金：0；
位置：固定；
}
#半圆{
背景色：黑色；
边框：24px实心#777；
边界半径：50%；
宽度：200px；
高度：200px；
利润率：100px0500px；
}
#锁{
宽度：35px；
高度：20px；
背景色：黑色；
位置：固定；
左边距：720px；
利润上限：-140px；
显示：无；
}
#解锁{
宽度：35px；
高度：20px；
背景色：黑色；
位置：固定；
左边距：720px；
利润上限：-140px；
}
#储物柜{
背景色：#d4af37；
边框：2个实心#404040；
边界半径：2px；
宽度：300px；
高度：300px；
利润率：-120px0473px；
}
#代码{
保证金：-190px0495px；
浮动：自动；
-moz用户选择：无；
-webkit用户选择：无；
-ms用户选择：无；
用户选择：无；
-o-用户选择：无；
}
#第一{
背景色：#777；
左边距：1px；
边框：1px实心#404040；
边界半径：4px；
宽度：40px；
高度：80px；
颜色：#404040；
字体大小：36px；
字体系列：Roboto Mono；
字体重量：较轻；
浮动：左；
填充顶部：20px；
}
#第一：悬停{
背景色：#404040；
颜色：#000；
过渡时间：0.5s；
-webkit转换持续时间：0.5s；
-moz转换持续时间：0.5s；
-o-过渡持续时间：0.5s；
光标：指针；
}
#2号{
背景色：#777；
左边距：1px；
边框：1px实心#404040；
边界半径：4px；
宽度：40px；
高度：80px；
颜色：#404040；
字体大小：36px；
字体系列：Roboto Mono；
字体重量：较轻；
浮动：左；
填充顶部：20px；
}
#第二：悬停{
背景色：#404040；
颜色：#000；
过渡时间：0.5s；
-webkit转换持续时间：0.5s；
-moz转换持续时间：0.5s；
-o-过渡持续时间：0.5s；
光标：指针；
}
#3号{
背景色：#777；
左边距：1px；
边框：1px实心#404040；
边界半径：4px；
宽度：40px；
高度：80px；
颜色：#404040；
字体大小：36px；
字体系列：Roboto Mono；
字体重量：较轻；
浮动：左；
填充顶部：20px；
}
#第三：悬停{
背景色：#404040；
颜色：#000；
过渡时间：0.5s；
-webkit转换持续时间：0.5s；
-moz转换持续时间：0.5s；
-o-过渡持续时间：0.5s；
光标：指针；
}
#4号{
背景色：#777；
左边距：1px；
边框：1px实心#404040；
边界半径：4px；
宽度：40px；
高度：80px；
颜色：#404040；
字体大小：36px；
字体系列：Roboto Mono；
字体重量：较轻；
浮动：左；
填充顶部：20px；
}
#第四：悬停{
背景色：#404040；
颜色：#000；
过渡时间：0.5s；
-webkit转换持续时间：0.5s；
-moz转换持续时间：0.5s；
-o-过渡持续时间：0.5s；
光标：指针；
}
#5号{
背景色：#777；
左边距：1px；
边框：1px实心#404040；
边界半径：4px；
宽度：40px；
高度：80px；
颜色：#404040；
字体大小：36px；
字体系列：Roboto Mono；
字体重量：较轻；
浮动：左；
填充顶部：20px；
}
#5号：悬停{
背景色：#404040；
颜色：#000；
过渡时间：0.5s；
-webkit转换持续时间：0.5s；
-moz转换持续时间：0.5s；
-o-过渡持续时间：0.5s；
光标：指针；
}
#6号{
背景色：#777；
左边距：1px；
边框：1px实心#404040；
边界半径：4px