Javascript 我无法让我的交通灯序列在html中工作

在我的a452计算机课上，我试图用一个按钮来改变一个图像，以表示我的交通灯序列

我可以显示我的第一张图片，但图片不会更改。在我的序列中，我有交通灯的图片，但它们无法显示

当我运行它时，会加载第一张图片，但它不会加载任何其他图片

在我的a452计算机中，我试图用一个按钮来改变一个图像，以表示我的交通灯序列。我可以显示我的第一张图片，但图片不会更改，请帮助。这是我的密码：

var TLassets=[“Red.png”、“Redamber.png”、“Green.png”、“Amber.png”]
变量计数=0
函数TL（）{
如果（count代码中有语法错误，请检查控制台！
一旦修复它们，脚本就会工作：
getElemenybyId
不正确。
区分大小写的问题：document.getElementById（'lights'）；（请注意粗体字母，大写“B”）

如果您是新手，我建议您将代码分为“步骤”。我做了一些修改，检查一下，这对我来说很有效。我添加了控制台打印以澄清问题

    <script>
    var count = 0;
    function TL() {
      var TLassets = ["Red.png", "yellow.png", "Green.png"];
      count++
        if (count < 3) {
          console.log(count);
          console.log(TLassets[count])
          var edit_picture =  document.getElementById('lights');
          edit_picture.src = TLassets[count];
        } else {
          count = 0;
          console.log(count);
          console.log(TLassets[count])
          var edit_picture =  document.getElementById('lights');
          edit_picture.src = TLassets[count];
        }
      }
    </script>


var计数=0；
函数TL（）{
var TLassets=[“Red.png”、“yellow.png”、“Green.png”]；
计数++
如果（计数<3）{
控制台日志（计数）；
console.log（TLassets[count]）
var edit_picture=document.getElementById（'lights'）；
编辑_picture.src=TLassets[count]；
}否则{
计数=0；
控制台日志（计数）；
console.log（TLassets[count]）
var edit_picture=document.getElementById（'lights'）；
编辑_picture.src=TLassets[count]；
}
}
下面是代码var TLassets=[“Red.png”、“Redamber.png”、“Green.png”、“Amber.png”]var count=0函数TL（）{if（count