1
私はそれを赤から琥珀色にすることができますが、それをさらに緑色に変える方法、琥珀色に戻し、再び赤色に変える方法についています。どんな助けも高く評価されます。このトラフィックのライトシーケンスは、ボタンをクリックして動作させるにはどうすればよいですか?
また、私はdreamwaverでこれを作成しました。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Traffic Lights </h1>
<img id="light" img src="../../red.jpg">
<button type="button" onClick="changeLights()">Change Lights</button>
<script>
function changeLights(){
document.getElementById('light').setAttribute("src","../../amber.jpg")
document.getElementById('light').setAttribute("src","../../green.jpg")
document.getElementById('light').setAttribute("src","../../amber.jpg")
//document.getElementById('light').setAttribute("src","../../red.jpg")
}
</script>
</body>
</html>
あなたは3(または4) 'のsetAttribute()'スクリプトを実行するときにも、気づかないほど速く起こる間の変化を期待してませんか?ブラウザの開発ツール(F12を押す)を使用して関数をデバッグしようとしましたが、何がステップごとに進行しているのを見ましたか? – Filburt
クリックごとにまたは自動的に色を変更しますか? – Luca