Javascript 西蒙游戏挑战赛_Javascript_Html

Javascript 西蒙游戏挑战赛

javascript html

Javascript 西蒙游戏挑战赛,javascript,html,Javascript,Html,我想将最近的用户模式（“userPattern”）与随机生成的模式（“gamePattern”）进行比较。如果userPattern与gamePattern一致，我想进入下一个级别。怎么做？现在我已经完成了对用户点击的响应我的HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta

我想将最近的用户模式（“userPattern”）与随机生成的模式（“gamePattern”）进行比较。如果userPattern与gamePattern一致，我想进入下一个级别。怎么做？现在我已经完成了对用户点击的响应

我的HTML代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="style.css" />
    <title>Document</title>
  </head>
  <body>
    <h1>Press A Key To Start</h1>
    <main>
      <button type="button" id="green" class="green box"></button>
      <button type="button" id="red" class="red box"></button>
      <button type="button" id="yellow" class="yellow box"></button>
      <button type="button" id="blue" class="blue box"></button>
    </main>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="index.js"></script>
  </body>
</html>


文件
按一个键开始

我的JS代码：

var color = ["green", "red", "yellow", "blue"];

var gamePattern = [];
var userPattern = [];

var level = 0;

function newSequence() {
  var randomNumber = Math.floor(Math.random() * 4);
  var colorChosen = color[randomNumber];
  var audio = new Audio("sounds/" + colorChosen + ".mp3");
  audio.play();
  $("#" + colorChosen)
    .fadeOut(250)
    .fadeIn(250);
  gamePattern.push(colorChosen);

  $("h1").text("Level " + level);
  level++;
  var userColorChosen;
  for (var i = 0; i < $("button").length; i++) {
    $("#" + color[i]).click(function () {
      userColorChosen = this.id;
      userPattern.push(userColorChosen);
      var audio = new Audio("sounds/" + userColorChosen + ".mp3");
      audio.play();
      $("#" + userColorChosen)
        .fadeOut(100)
        .fadeIn(100);
    });
  }
}

var call = true;
$(document).keypress(function () {
  if (call === true) {
    newSequence();
  }
  call = false;
});

var color=[“绿色”、“红色”、“黄色”、“蓝色”]；
var gamePattern=[]；
var userPattern=[]；
风险值水平=0；
函数newSequence（）{
var randomNumber=Math.floor（Math.random（）*4）；
var colorSelected=颜色[随机数]；
var audio=新音频（“声音/”+colorSelected+“.mp3”）；
音频播放（）；
$（“#”+所选颜色）
.衰减（250）
.fadeIn（250）；
游戏模式。推送（颜色选择）；
$（“h1”）。文本（“级别”+级别）；
级别++；
选择变量；
对于（变量i=0；i<$（“按钮”）。长度；i++）{
$（“#”+颜色[i]）。单击（函数（）{
UserColorSelected=this.id；
推送（UserColorSelected）；
var audio=新音频（“声音/”+usercolorselected+“.mp3”）；
音频播放（）；
$（“#”+UserColorSelected）
.衰减（100）
.fadeIn（100）；
});
}
}
var call=true；
$（文档）.按键（功能（）{
如果（调用===true）{
newSequence（）；
}
call=false；
});

请帮助我。

我的JS代码使用Jquery for Simon游戏：

var color = ["green", "red", "yellow", "blue"];

var gamePattern = [];
var userPattern = [];

var level = 0;

$("button").click(function () {
  var userColorChosen = $(this).attr("id");
  userPattern.push(userColorChosen);
  var audio = new Audio("sounds/" + userColorChosen + ".mp3");
  audio.play();
  $("#" + userColorChosen)
    .fadeOut(100)
    .fadeIn(100);
  checkAnswer(userPattern.length - 1);
});

function checkAnswer(currentLevel) {
  if (userPattern[currentLevel] === gamePattern[currentLevel]) {
    if (userPattern.length === gamePattern.length) {
      setTimeout(function () {
        newSequence();
      }, 1000);
    }
  } else {
    $("h1").text("GAMEOVER");
    var audio = new Audio("sounds/wrong.mp3");
    audio.play();
    $("body").addClass("gameover");
    setTimeout(function () {
      $("body").removeClass("gameover");
    }, 100);
    startOver();
  }
}

function newSequence() {
  userPattern = [];
  level++;
  $("h1").text("Level " + level);
  var randomNumber = Math.floor(Math.random() * 4);
  var colorChosen = color[randomNumber];
  gamePattern.push(colorChosen);
  var audio = new Audio("sounds/" + colorChosen + ".mp3");
  audio.play();
  $("#" + colorChosen)
    .fadeOut(250)
    .fadeIn(250);
}

var call = true;
$(document).keypress(function () {
  if (call === true) {
    newSequence();
    call = false;
  }
});

function startOver() {
  level = 0;
  gamePattern = [];
  call = true;
}
``````````````````````````````````````````````````````````````````````````````````````````

Iam just a beginner so the above code may not be eeficient. but iam posting to help other bigginers like me. some experts may find my code unworthy, sorry for that. but to code this it took  a week for me. I felt like giving up but I want to become a Web-Devoloper.
So Iam keeping up my work to learning web devolopment.

As i said It took a week for the above code,even by looking at another solved code. is it okey  to take this much time. or Iam not worthy of becoming a web devoloper...

If someone out there having some opinion after reading the above statements. please reply me. I need some help... 
 
                               Thank you!!!

您似乎在问“如何比较两个字符串数组？”试试看。下一次，如果你能缩小问题中的代码范围，这样人们就不会有太多的内容来阅读核心问题，那将是很有帮助的。这是你重申的问题，还是你问题的答案？JS问题的答案。还有一个关于我成为一名德沃洛普的机会的问题