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