Question

我正在努力开展一个项目，使用JavaScript为我的高中考试制作定时红绿灯序列，我真的不知道自己在做什么。我有一个粗略的计划，包括使用CSS将我的数组（红色，黄色和绿色）中的值设置为灯光。

我一直在编写一个代码，只是为了练习创造红灯，这就是我所拥有的：

a+s+s

不出所料，当我在谷歌浏览器中浏览它时，它没有起作用。

如果有人能给我一些建议，那将非常感激。

Answer 1

希望没有人会为你做这个功课，因为你自己的学习过程非常重要。尽管如此，读者一般都会明白，有时候获得一些广泛的指导是有帮助的。

以下是解决此问题的顺序：

在静态HTML和CSS中创建三个灯。在这里，您可能希望使用light（对于所有三个灯光）等类，然后使用red，amber和green作为单独灯光。
要定义它们，请使用例如.red {}（现在不是red {}）。
您可以使用.light {}定义所有灯光的常用功能，然后将其应用于所有灯光。
每个灯光可能是<div>，您需要应用一个或多个类。首先，您可以执行<div id="red_light" class="red light"></div>。
您可能希望获得第五类on，以便red light关闭，red light on开启。也许你可以在这里使用opacity来控制颜色？有几种方法可以做到这一点。
一旦您对HTML和CSS感到满意，请添加一些JavaScript。您需要考虑如何从一个州迁移到另一个州，并在纸上进行规划是有帮助的。然后编写方法来添加和删除每个div中的类。

一个总体有用的建议，以及我有时使用的技术，是编写一些代码并经常测试它 - 即使在尝试之前可以编写更大的代码块。立即看到变化在心理上是有帮助的，并向我们保证我们正在走上正确的道路。