htmlトラフィックライトはまだdreamweaverを使用していません

私はもう一度尋ねることを嫌いますが、私はまだ私のコードfo4r私のトラフィックfo4r問題を抱かせている私はいくつかの問題を修正しましたが、例えばボタンが表示されませんDreamweaverでプログラミングしており、コードはhtmlです。htmlトラフィックライトはまだdreamweaverを使用していません

ここ

<p>This is my Traffic Light script</p> 

<img id="image" src="RedLight.jpg"; 

<button type="button" onclick="changeLights()">Change Lights</button> 

</head> 

<body> 
<script> 
var list=["RedLight.jpg","RedAmberLight.jpg","GreenLight.jpg","AmberLight.jpg"] 

var lighton = "Red" 

function changeLights() { 

    if (lighton=="Red") { 
     image.src=list[1]; 
    lighton="RedAmber";} 


    if (lighton=="RedAmber") { 
     image.src=list[2]; 
    lighton="Green";} 


    if (lighton=="Green") { 
     image.src=list[3]; 
    lighton="Amber";} 


    else{ 
     image.src=list[3]; 
    lighton="Red";} 

} 
</script> 
</body> 
</html>

出典

2016-11-28 Harry Britten

修正この行： '' – Banzay

と '' – Banzay

に ''から、あなたのコードを移動まだイメージがそうまだ何知らない機能していない表示されません問題はボタンが上に来るので、それに十字架が付いたボックスです –

がソリューションです：

<body> 

<p>This is my Traffic Light script</p> 

<img id="image" src="RedLight.jpg"> 

<button type="button" onclick="changeLights()">Change Lights</button> 

<script> 
var list=["RedLight.jpg","RedAmberLight.jpg","GreenLight.jpg","AmberLight.jpg"] 
var lighton = "Red" 
function changeLights() { 
    if (lighton=="Red") { 
     document.getElementById("image").src = list[1]; 
     lighton="RedAmber"; 
    } 
     else if (lighton=="RedAmber") { 
      document.getElementById("image").src=list[2]; 
      lighton="Green"; 
     } 
      else if (lighton=="Green") { 
       document.getElementById("image").src=list[3]; 
       lighton="Amber"; 
      } 
      else{ 
       document.getElementById("image").src=list[0]; 
       lighton="Red"; 
      } 
} 
</script> 
</body>

出典

2016-11-28 11:19:12 Banzay

htmlトラフィックライトはまだdreamweaverを使用していません

答えて

関連する問題