Javascript 在jQuery中记录单击顺序？

我最初有一个颜色数组['red'、'yellow'、'green'、'blue']，它被洗牌到，比如说，[green，red，yellow，blue]

现在，我有了交互框，用户可以点击这些框

无序数组的第一个元素是通过for循环显示的，我现在想提示用户单击一个框，如果它与此颜色匹配，则为“正确”，并希望继续循环，如果不匹配，则为“错误”，并希望暂停循环，直到他单击正确的颜色框

我想让它贯穿整个盒子，直到所有的颜色都被正确识别

我无法理解编写上述语句的代码

请看一看，弄清楚我在说什么

var counter = 0;
var colorArr = ['red', 'yellow', 'green', 'blue'];
$('div.box').click(function(){        
    if(this.className.indexOf(colorArr[counter])!=-1)
        counter++;
    else
        alert('wrong');
    if(counter==colorArr.length)
        alert('success');
});

将html文件更改为

<div class="box blue" id="b1"></div>
<div class="box green" id="b2"></div>
<br>
<div class="box yellow" id="b3"></div>
<div class="box red" id="b4"></div>
<br>
<div class="disp" id="disp"></div>

注意：如果您不想添加类，那么在html中使用name属性

其中colorArr是颜色数组的正确顺序

我创建了一个跟踪成功计数的计数器

如果用户通过了所有单击，则显示成功警报

如果用户单击了错误的颜色，则会显示错误的警报

希望对html和jQuery中的一些工作有所帮助

试试这个

$('div.box').on('click', function() {
    alert(currColor);
    if($(this).hasClass(currColor)) {
        alert('right');
    } else {
       alert('wrong');
    }  
});

---

我不知道如何根据给我的电流记录点击事件。我认为这个问题的措辞不够好。我已经试着用更好的措辞来表达这个问题@摄政王，但是，我想根据洗牌数组的当前元素进行点击检查。@Saikrisnadeep你洗牌了颜色数组。盒子呢？“它们应该总是有相同的颜色顺序，还是它们的颜色也应该被洗牌，但顺序不同？”Saikrisnadeep这样说？但我明白你的意思。很好。我想我只要稍加修改就可以到处走动了如果代码有效，请打勾。如果这有助于解决你的问题，请放弃投票。快乐编码：1。内联JS已经过时了。此外，我不认为对相同的元素同时使用普通事件处理程序和内联JS有任何意义。2.我想显示框颜色，如果它是不正确的框不是OP想要的。3.为什么单击只需要一种颜色？