Ich versuche ein Onclick-Ereignis durchzuführen, bei dem beim Klicken auf ein Glühbirnenbild von einer Glühbirne zu einer Glühbirne auf dem Bild und umgekehrt gewechselt wird. Ich verwende eine externe Javascript-Datei. Wenn ich auf das Bild klicke, passiert nichts.
Ich kann nicht herausfinden, was falsch ist,
Mein HTML-Teil:
<head>
<link rel="stylesheet" href="css/program-01.css" />
<script type="text/javascript" src="javascript/program-01.js"></script>
<title>
<h1>Program-01</h1>
</title>
</head>
<body>
<div id="LightOff">
<img src="images/light_off.png" id="light_off" alt="" onclick="LightBulbFunction()" />
</div>
</body>
Meine js dateifunktion:
function LightBulb() {
var image_change = document.getElementById("light_off");
if (image_change.src == "images/light_off.png") {
image_change = "images/light_on.png";
} else {
image_change = "images/light_off.png";
}
}
1
kronis72
31 Aug. 2015 im 06:40
2 Antworten
Sie definieren das .src nicht neu. Veränderung
image_change =
Zu
image_change.src =
Und Ihre Funktion muss denselben LightBulb Funktionsnamen haben.
0
StackSlave
31 Aug. 2015 im 03:46
Nun, in Ihrem HTML ist der Code onclick="LightBulbFunction()", während er in Javascript LightBulb ist. Ändern Sie einen von ihnen und machen Sie sie passend
0
sam
31 Aug. 2015 im 03:42