Javascript img onclick沒有任何影響？

所以我有一段代碼在每次單擊up箭頭時應該在空段落中增加1。我使用Javascript，但onclick事件處理程序似乎不工作：Javascript img onclick沒有任何影響？

<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>

來源

2017-06-19 KoyaCho

'的document.getElementById（「箭頭更」）'應該是'的document.getElementById（「增量」）' –

你永遠遞增'incremented' varable。添加類似'遞增=增加+1' –

你錯過鍵入一些東西。您需要將新值插入incremented元素，而不是uparrow。並且每次都會增加你的價值。

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>

來源

2017-06-19 11:19:51

謝謝，但是如果我想添加另一個「向下」的箭頭，每次點擊時都會出現-1？ – KoyaCho

我編輯我的asnwer。看到那裏 –

你錯了選擇。每次點擊都需要增加。

<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>

來源

2017-06-19 11:21:16

可能更短，只是'++遞增'。 – Mikey

@Mikey加了你的建議。謝謝。 –

Javascript img onclick沒有任何影響？

回答

相關問題