私の画像がJavaScriptのトラフィックライトに表示されない理由

-1

ユーザーがボタンを押すたびに変更される信号を作成する必要があります。しかし、コードを実行しようとするたびに、黒の「X」の四角形がボタンの代わりに表示されます。何かが自分の画像やそれらの行に沿った何かに間違っていなければならず、この問題が解決されなければ、私のコードがうまくいくかどうかはわかりません。画像はコードと同じフォルダに保存されます。私の画像がJavaScriptのトラフィックライトに表示されない理由

<!DOCTYPE html> 
<html> 
<body> 
<img id="none" src = "red.jpg"> 

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

<script> 
var lights = ["orange.jpg", "green.jpg", "orange.jpg", "red.jpg"]; 
var counter = 0 
function changelight(){ 
document.getElementById("none").src=lights[counter] 
     counter = counter + 1 
     if(counter > 3) { 
     counter = 0; 
     } 
} 
</script> 
</body> 
</html>

出典

2017-01-20 museic

イメージはHTMLと同じフォルダにありますか？ – Liam

@Liam "画像はコードと同じフォルダに保存されます" – j08691

ブラウザのF12コンソールでエラーを確認してください。 –

あなたの関数の名前はchangelightですが、あなたは11行目に "（）changelight" などのJavaScript関数を宣言したchangeLights()

出典

2017-01-20 14:14:07

おそらくタイプミス、なぜ彼は "壊れた画像"画像を得るでしょうか？ –

@Jaro私が詳細を知るまで、私は明らかなものを指摘します。 –

-2

としてそれを呼び出す： -

function changelight()

しかし、あなたが持っています6行目で関数を「changeLights（）」と命名した。 -

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

name宣言されているのと同じ関数名を指定します。ありがとうございました..！！

出典

2017-01-20 14:39:44

この回答は、同じことを言い、30分前に投稿されたものとはどのように異なっていますか？ – j08691

申し訳ありませんが、私はそれを通過していない.....！質問を見てそれに応じて答えた!! –

私の画像がJavaScriptのトラフィックライトに表示されない理由

答えて

関連する問題