做个西蒙游戏，不知道哪里错了

Question

I am trying to make a Simon game, where the user follows an increasing sequence of randomly generated patterns and I almost finished it.

But I have this problem, at times that appear random the function nextSequence() seems to stop working, which ruins the game, because you are unable to see the next color you have to click on.

I have spend a lot of time trying to figure what is wrong but I just can't figure it out, usually it stops working correctly around level 5.

This is the function:

function nextSequence() {
  userClickPattern = [];

  level++;
  $("h1").text("Level " + level);

  let random = Math.floor(Math.random() * 5);
  let randomChosenColor = buttonColors[random];
  gamePattern.push(randomChosenColor);

  $("#" + randomChosenColor)
    .fadeIn(100)
    .fadeOut(100)
    .fadeIn(100);

  makeSound(randomChosenColor);
}

I don't really know if that is the problem but I haven't been able to pinpoint anything else.

I'm pretty new in asking here and coding, if you need anything else or the question is unclear feel free to tell me how could I improve it.

Here is the repository: https://github.com/IgnacioGR/SimonGame

Here is the page: https://ignaciogr.github.io/SimonGame/

Answer 1

Change 5 to 4, you are only selecting between 4 colors only and your array index start with 0 and ends at 3. At some point your code selects an index that out of color array boundaries.