Javascript “试图理解”；西蒙；游戏

我在做西蒙游戏。我需要帮助了解如何引用一个id和创建一个没有点击，但说与页面刷新的行动

1） 在屏幕刷新（游戏开始时），我可以随机选择颜色id…并将其保存在名为RandomColorSelected的var中。。。但是我不知道如何选择这个选项，做同样的动作，就像点击按钮一样，就像我在底部的代码一样

2） 我的btn点击和动画颜色和播放声音。。。干得好

我已经尝试了我的新手编码的多次迭代。。。 现在我只是猜测，这是它的最后状态

。。。随机选择颜色的作品。。。接下来我需要帮助（解释）

$（document）.keydown（函数（事件）{}

工作并使用警报（）进行测试

…但是剩下的，直到我的但是咔嗒一声，我已经改变了很多次，我的头在旋转。帮助我理解我在哪里是哑巴！哈哈

…用户btn单击事件动作和声音…工作正常

以下是我目前的代码：

按钮颜色=[“btn绿色”、“btn红色”、“btn黄色”、“btn蓝色”]；
RandomColorSelected=buttonColors[Math.floor（Math.random（）*（buttonColors.length））；
$（文档）.keydown（函数（事件）{
设置超时（2000）；
$（“#id”）.attr（函数（随机选择）{
$（此）.fadeOut（100）.fadeIn（100）；
var myPadColor=$（this.attr（“#id”）；
});
});
$（文档）.ready（函数（）{
$（“.btn”）。单击（函数（事件）{
$（this.fadeOut（100）.fadeIn（100）；//单击“this”按钮时。fadeOut（100）.fadeIn（100）；
var myPadColor=$（this.attr（“类”）；
;
开关（myPadColor）{
案例“btn绿色”：
var greenPad=新音频（'sounds/green.mp3'）；
greenPad.play（）；
打破
案例“btn红色”：
var redPad=新音频（'sounds/red.mp3'）；
redPad.play（）；
打破
案例“btn黄色”：
var yellowPad=新音频（'sounds/yellow.mp3'）；
yellowPad.play（）；
打破
案例“btn蓝色”：
var bluePad=新音频（'sounds/blue.mp3'）；
bluePad.play（）；
打破
违约：
console.log（myPadColor）；
}
});
})

您试图实现的目标有点不清楚。我创建了一个示例，其中包含一些可能的改进代码

$（函数（）{
var-seq=[]；
var-player=[]；
var c；
var round=0；
变量声音=[
新音频（'sounds/green.mp3'），
新音频（'sounds/red.mp3'），
新音频（'sounds/yellow.mp3'），
新音频（'sounds/blue.mp3'）
];
函数getRandom（）{
返回Math.floor（Math.random（）*4）；
}
函数initSeq（n）{
对于（变量i=0；i

#游戏板{
宽度：410像素；
空白：正常；
}
.btn{
宽度：200px；
高度：200px；
显示：内联块；
不透明度：0.35；
填充：0；
保证金：0；
边界：0；
}
格林先生{
背景：绿色；
边界半径：199px 0；
}
瑞德先生{
边界：0；
背景：红色；
边界半径：0 199px 0 0；
}
黄先生{
边界：0；
背景：黄色；
不透明度：0.65；
边界半径：0199px；
}
蓝先生{
边界：0；
背景：蓝色；
不透明度：0.65；
边界半径：0199px0；
}

玩弄
按任意键开始。

欢迎使用堆栈溢出。请提供一个最小的、可重复的示例：您当前的示例充满了问题，并且不清楚您尝试了什么或哪些不起作用。您可能希望测试

localStorage

属性onload，在某些事件上设置属性，如

addEventListener（'load'，function（）{if（someElement.color）{/*对color*/}someElement.onclick=function（）{localStorage.color='yellow'}}}}）

我的代码中不起作用的部分是…$（“#id”）.attr（function（randomColorSelected）{$（this）.fadeOut（100）.fadeIn（100）；var myPadColor=$（this.attr（“#id”））}）；我的代码从.keydown开始。我想要的是RandomColorSelected变量也能够随机选择myPadColor，为其设置动画，以及播放其声音。这一切都是为了成为“第一步”通过游戏。@Bryant您已经显示了您的代码，但没有显示相应的HTML。请提供一个更好的示例。按一个键开始G R Y B身体的其余部分是相同的，但具有相应的颜色@Twisty Wha