Javascript img onclick hat keine Wirkung?

Also habe ich ein wenig Code, der um 1 in einem leeren Absatz jedes Mal erhöht werden soll, wenn der Pfeil up geklickt wird. Ich bin mit Javascript, aber die onclick Event-Handler scheint nicht zu funktionieren:Javascript img onclick hat keine Wirkung?

<head> 
 

 
    <script> 
 
    var incremented = 0; 
 

 
    function myfunction() { 
 
     document.getElementById("uparrow").innerHTML = incremented + 1; 
 
    } 
 
    </script> 
 

 
</head> 
 

 
<body> 
 
    <img id="uparrow" src="uparrow.png" alt="Up" onclick="myfunction()"> 
 
    <p id="incremented></p> 
 
    </body>

Quelle

2017-06-19 KoyaCho

'document.getElementById ("UPARROW")' 'sollte document.getElementById ("erhöht") sein' –

Und Sie nie die 'incremented' varable erhöhen. Fügen Sie etwas wie inkrementiert = inkrementiert + 1 hinzu –

Sie gaben etwas vermissen. Sie müssen einen neuen Wert in das Element incremented einfügen, nicht in uparrow. Und erhöhen Sie auch Ihren Wert jedes Mal.

img{ 
 
    height: 50px; 
 
    width: 50px; 
 
}

<head> 
 

 
<script> 
 
    var value = 0; 
 

 
    function myIncrementfunction(){ 
 
     document.getElementById("incremented").innerHTML = ++value; 
 
    } 
 
    
 
    function myDecrementfunction(){ 
 
     document.getElementById("incremented").innerHTML = --value; 
 
    } 
 
    
 
</script> 
 

 
</head> 
 

 
<body> 
 
<img id="uparrow" src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-up-c-128.png" alt="Up" onclick="myIncrementfunction()"> 
 
<img id="downarrow" src="http://iconizer.net/files/DefaultIcon_ver_0.11/orig/arrow-alt-down.png" alt="Up" onclick="myDecrementfunction()"> 
 
<p id="incremented">0</p> 
 
</body>

Quelle

2017-06-19 11:19:51

Danke, aber was ist, wenn ich einen weiteren "down" -Pfeil hinzufügen möchte, der -1 jedes Mal klickt, wenn er klickt? – KoyaCho

Ich bearbeite meine Antwort. Siehe dort –

Sie haben falsch Wähler. und Sie müssen jedes Mal bei einem Klick inkrementieren.

<head> 
 

 
</head> 
 

 
<body> 
 
    <img id="uparrow" src="uparrow.png" alt="Up" onclick="myfunction()"> 
 
    <p id="incremented"></p> 
 

 
    <script> 
 
    var incremented = 0; 
 

 
    function myfunction() { 
 
     document.getElementById("incremented").innerHTML = ++incremented; 
 
    } 
 
    </script> 
 

 
</body>

Quelle

2017-06-19 11:21:16

Wahrscheinlich kürzer, um '++ inkrementiert' zu machen. – Mikey

@Mikey hat Ihren Vorschlag hinzugefügt. Vielen Dank. –

Javascript img onclick hat keine Wirkung?

Antwort

Verwandte Themen