Javascript 按正确顺序单击div

我怎样才能使它在你按正确的顺序按下div键的时候发生一些事情呢

这是到目前为止我的代码。 现在，只有当你点击所有的蓝绿色div时，才会发生一些事情

var one=false；
var 2=假；
var三=假；
var四=假；
函数mm（x）{
var y=x.id；
开关（y）{
案例“一”：
一=正确；
打破
案例“二”：
二=正确；
打破
案例“三”：
三=正确；
打破
案例“四”：
四=正确；
}
x、 style.background=“aqua”；
如果（一==真&二==真&三==真&四==真）{
警惕（“哇”）；
一=假；
二=假；
三=假；
四=假；
var x=document.getElementsByClassName（“dev”）；
var i；
对于（i=0；i

body，
html{
身高：100%；
背景：#333；
}
* {
保证金：0；
填充：0；
}
戴夫先生{
背景色：青色；
宽度：20%；
高度：100vh；
位置：绝对位置；
排名：0；
光标：指针；
}
.一{
左：1%；
}
.二{
左：27%；
}
.三{
右：27%；
}
.4{
右：1%；
}

---

您可以尝试以下方法：

var sequence = [], //to store the current pressed sequence
    code = ['one', 'two', 'three', 'four']; //the expected sequence for something to happen

//function that given a step, will return true or false if the sequence is correct
function checkStep (item, sequence, code) {
    sequence.push(item);
    if (sequence.length > code.length) {
        sequence.shift();
    }

    return sequence.join() === code.join();
}

这段代码是单独检查序列的，例如使用上面的代码：（预期的序列是

['one'，'two'，'three'，'four']

）

您的js可能如下所示：

var sequence = [], //to store the current pressed sequence
    code = ['one', 'two', 'three', 'four']; //the expected sequence for something to happen

//function that given a step, will return true or false if the sequence is correct
function checkStep (item, sequence, code) {
    sequence.push(item);
    if (sequence.length > code.length) {
        sequence.shift();
    }

    return sequence.join() === code.join();
}

var sequence=[]，//存储当前按下的序列
代码=[‘一’、‘二’、‘三’、‘四’]//事情发生的预期顺序
//给定步骤的函数，如果序列正确，将返回true或false
功能检查步骤（项目、顺序、代码）{
顺序。推送（项目）；
if（sequence.length>code.length）{
sequence.shift（）；
}
返回序列.join（）==code.join（）；
}
函数mm（x）{
var y=x.id；
x、 style.background=“aqua”；
if（检查步骤（y、序列、代码））{
警惕（“哇”）；
序列=[]；//重置当前序列
var x=document.getElementsByClassName（“dev”）；
var i；
对于（i=0；i

body，
html{
身高：100%；
背景：#333；
}
* {
保证金：0；
填充：0；
}
戴夫先生{
背景色：青色；
宽度：20%；
高度：100vh；
位置：绝对位置；
排名：0；
光标：指针；
}
.一{
左：1%；
}
.二{
左：27%；
}
.三{
右：27%；
}
.4{
右：1%；
}

---

您可以尝试以下方法：

var sequence = [], //to store the current pressed sequence
    code = ['one', 'two', 'three', 'four']; //the expected sequence for something to happen

//function that given a step, will return true or false if the sequence is correct
function checkStep (item, sequence, code) {
    sequence.push(item);
    if (sequence.length > code.length) {
        sequence.shift();
    }

    return sequence.join() === code.join();
}

这段代码是单独检查序列的，例如使用上面的代码：（预期的序列是

['one'，'two'，'three'，'four']

）

您的js可能如下所示：

var sequence = [], //to store the current pressed sequence
    code = ['one', 'two', 'three', 'four']; //the expected sequence for something to happen

//function that given a step, will return true or false if the sequence is correct
function checkStep (item, sequence, code) {
    sequence.push(item);
    if (sequence.length > code.length) {
        sequence.shift();
    }

    return sequence.join() === code.join();
}

var sequence=[]，//存储当前按下的序列
代码=[‘一’、‘二’、‘三’、‘四’]//事情发生的预期顺序
//给定步骤的函数，如果序列正确，将返回true或false
功能检查步骤（项目、顺序、代码）{
顺序。推送（项目）；
if（sequence.length>code.length）{
sequence.shift（）；
}
返回序列.join（）==code.join（）；
}
函数mm（x）{
var y=x.id；
x、 style.background=“aqua”；
if（检查步骤（y、序列、代码））{
警惕（“哇”）；
序列=[]；//重置当前序列
var x=document.getElementsByClassName（“dev”）；
var i；
对于（i=0；i

body，
html{
身高：100%；
背景：#333；
}
* {
保证金：0；
填充：0；
}
戴夫先生{
背景色：青色；
宽度：20%；
高度：100vh；
位置：绝对位置；
排名：0；
光标：指针；
}
.一{
左：1%；
}
.二{
左：27%；
}
.三{
右：27%；
}
.4{
右：1%；
}

---

我想到的第一件事是保持数组中的顺序，并将其与div上的数据属性相匹配。如果下一个索引与数组长度相同，则结束情况为

下面是一个例子：

let divs=document.queryselectoral（“div”）；
for（设i=0；i

body，
html{
身高：100%；
背景：#333；
}
* {
保证金：0；
填充：0；
}
戴夫先生{
背景色：青色；
宽度：20%；
高度：100vh；
位置：绝对位置；
排名：0；
光标：指针；
}
.一{
左：1%；
}
.二{
左：27%；
}
.三{
右：27%；
}
.4{
右：1%；
}

---

我想到的第一件事是保持数组中的顺序，并将其与div上的数据属性相匹配。如果下一个索引与数组长度相同，则结束情况为

下面是一个例子：

let divs=document.queryselectoral（“div”）；
for（设i=0；i