Javascript -包括点击图像并使其消失(非常初学者)

Javascript - Involves Clicking images and making them disappear (very beginner)

本文关键字:消失 非常 初学者 -包 图像 Javascript      更新时间:2023-09-26

如果我问错了,或者我的问题对这个网站来说太简单了,我深表歉意,但我没有更多的资源或任何朋友可以帮助我。

我的课上有几个任务我需要弄清楚如何在我们的网站上使用javascript:

  • 我们得到了字母表中每个字母的图像,并正在设计一款游戏,我们从7张尚不可见的图像中选择5张。

1)处理的图像是随机的,但要求"G"始终是处理的7张图像之一

2)一旦你选择了5张图片,你不能再选择任何图片,当第5张被选中时,剩下的2张图片将被翻转,然后"消失"

我明白它的措词方式,似乎我要求你为整个程序写出所有的代码,但我只是想如果有人能告诉我哪些代码可能有这些任务的功能。我陷入僵局了。

编辑:我再次道歉,但真的没有必要投票否决我的帖子,我真的没有其他地方可以求助,我的成绩很大程度上取决于它

这样怎么样?

var chars = 'abcdefhijklmnopqrstuvwxyz';
var tiles = ['g'], num = 6;
while (num-- > 0) {
    tiles.push(chars[Math.rand() * chars.length]);
}

我想你可以把剩下的算出来。

方法是:

var x = ['A', 'B','C','D','E','F','G','H', 'I', 'J', 'K', 'L', 'M','N','O','P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
var result = ['G']
for (var i = 0; i < 6; i++) {
  result.push(x[Math.floor((Math.random() * 26))]);           
}

然后处理结果数组;或者像这样的东西可能对您有用(例如,如果我对您的环境的假设是正确的):

var x = ['A', 'B','C','D','E','F','G','H', 'I', 'J', 'K', 'L', 'M','N','O','P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
result = '<img class="letter" src="images/G.jpg" alt="Letter G"/>';
for (var i = 0, l = ''; i < 6; i++) {
  l = x[Math.floor((Math.random() * 26))];
  result += '<img class="letter" src="images/'+l+'.jpg" alt="Letter '+l+'"/>';     
}