我無法讓我的交通燈序列在HTML中工作

-4

在我的a452計算類中，我試圖用一個按鈕來更改圖像，以表示我的交通燈序列。我無法讓我的交通燈序列在HTML中工作

我可以顯示我的第一張照片，但照片不會改變。在我的序列中，我擁有紅綠燈的照片，但無法顯示。

當我運行它的第一張圖片加載，但隨後將不會加載任何其他圖像

在我的A452計算我試圖改變圖像的一個按鈕來表示我紅綠燈序列。我可以顯示我的第一張照片，但照片不會更改，請幫助。這裏是我的代碼：

<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
     <script> 
 
     var TLassets = ["Red.png","Redamber.png","Green.png","Amber.png"] 
 
     var count=0 
 
     function TL(){ 
 
      if(count<3){ 
 
      count=count+1 
 
      document.getElemenybyId('lights').src=TLassets[count]; 
 
      }else{ 
 
      count=0 
 
      document.getElemenybyId('lights').src=TLassets[count]; 
 
      } 
 
     </script> 
 
     <center> 
 
      <img id="lights" src='Red.png' ;> 
 
     </center> 
 
     <center> 
 
      <input type="button" id="change" value="change lights" onclick=TL()> 
 
     </center> 
 
    </body> 
 
</html>

來源

2017-04-03 Dennis Stevenson

這裏是代碼 –

<！DOCTYPE HTML>

–

區分大小寫問題：document.getElement 乙 YID（ '燈'）; （注意大寫字母，大寫'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>

來源

2017-04-03 09:14:58 vachan

你在你的代碼的語法錯誤，請檢查控制檯！修復它們後，該腳本可以正常工作：getElemenybyId不正確。

來源

2017-04-03 09:00:10 Shilly

我無法讓我的交通燈序列在HTML中工作

回答

相關問題