javascriptとhtmlのトラフィックライトが動作しない

赤信号が表示され、次のライトボタンが押されると、ライトは変わらず、私の人生にとって理由が分かりません。助けていただければ幸いです。コードは次のとおりです。javascriptとhtmlのトラフィックライトが動作しない

<!DOCTYPE html> 
<html> 
    <body> 

    <img id="thestartlight" src="file:\\\C:\Users\Sony\Desktop\Amul's USB\IT\it test\traffic-light-red.jpg"> 

    <button type="button" onclick="nextLightClick()">Next Light</button> 

    <script> 
     var list = [ 
     "file:\\\C:\Users\Sony\Desktop\Amul's USB\IT\it test\traffic-light-red.jpg.html" 
     "file:\\\C:\Users\Sony\Desktop\Amul's USB\IT\it test\traffic-light-amber.jpg", 
     "file:\\\C:\Users\Sony\Desktop\Amul's USB\IT\it test\traffic-light-green.jpg", 
     "file:\\\C:\Users\Sony\Desktop\Amul's USB\IT\it test\traffic-light-red.jpg" 
     ]; 

     var index = 0; 
     var lightsLen = lights.length; 

     function nextLightClick() { 
     index++; 

     if (index == lightsLen) 
      index = 0; 

     var image = document.getElementById('thestartlight'); 
     image.src = lights[index]; 
     } 
    </script> 
    </body> 
</html>

出典

2016-11-30 devjyot kainda

スペル。 'var list'！=' lights' – BenG

'list.length'を意味しますか？ 'lights.length'の代わりに、それは常に0です。ベンはちょうど言ったように:) –

また、文法エラーがあります。コンソールでエラー –

3つの問題があります。

1）それはlistがlights

2である必要はあります）、より良いあなたのコードのフォルダに相対してimages/lights/フォルダに画像を置きます。

3）htmlファイルは、ここでイメージタグで

を示すことができない修正です：

var lights = [ 
    "images/lights/amber.jpg", 
    "images/lights/green.jpg", 
    "images/lights/red.jpg" 
]; 
var index = 0; 
var lightsLen = lights.length;

出典

2016-11-30 20:30:32 num8er

それはタイプミスです...

var list = [ ...

は

var lights [ ...

出典

2016-11-30 20:30:56

する必要があります

あなたの配列に名前をつけたlistですが、lightsの画像を探しています。

また、.htmlファイルをアレイから削除する必要があります。

var image = document.getElementById('thestartlight'); 
 

 

 
var lights = [ 
 
"http://archive.nassaucountyny.gov/agencies/TPVA/Images/RedLight-2_145x193.jpg", 
 
"http://www.clker.com/cliparts/2/1/1/6/N/W/amber-traffic-light.svg", 
 
"http://www.clker.com/cliparts/6/e/9/d/11949849761176136192traffic_light_green_dan__01.svg" 
 
]; 
 

 
var index = 0; 
 
var lightsLen = lights.length; 
 

 
function nextLightClick() { 
 
    index++; 
 

 
    if (index == lightsLen){ 
 
     index = 0; 
 
    } 
 

 
    image.src = lights[index]; 
 
}

img {width:50px;}

<img id="thestartlight" src="http://archive.nassaucountyny.gov/agencies/TPVA/Images/RedLight-2_145x193.jpg"> 
 

 
<button type="button" onclick="nextLightClick()">Next Light</button>

出典

2016-11-30 20:31:47

javascriptとhtmlのトラフィックライトが動作しない

答えて

関連する問題