Bom dia , precisso de ajuda quero clicar no botão e apenas a respectiva caixa adiciona + 1
botão a = caixa a soma 1
botão b = caixa b soma 1
botão c = caixa c soma 1
o que aconteçe é que muitas vezes apenas a caixa 1 responde , já tentei variadas alteraçoes por id
com " get element by id " mas não funciona , alguem pode ajudar por favor ?
exemplo nesta pagina despeje o codigo abaixo
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick_color2
<!DOCTYPE html>
<html>
<body>
<html>
<head>
<title>Space Clicker</title>
</head>
<body>
<script type="text/javascript">
var clicks = 0;
function onclick() {
clicks += 1;
document.getElementById("clicks").innerHTML = clicks;
};
</script>
<button type="button" onclick="onclick()">Click me1</button>
<button type="button" onclick="onclick()">Click me2</button>
<button type="button" onclick="onclick()">Click me3</button>
<p>Clicks1: <a id="clicks">0</a></p>
<p>Clicks2: <a id="clicks">0</a></p>
<p>Clicks3 <a id="clicks">0</a></p>
</body></html>
</body>
</html>
agradeço a quem me puder ajudar , obrigado...
botão a = caixa a soma 1
botão b = caixa b soma 1
botão c = caixa c soma 1
o que aconteçe é que muitas vezes apenas a caixa 1 responde , já tentei variadas alteraçoes por id
com " get element by id " mas não funciona , alguem pode ajudar por favor ?
exemplo nesta pagina despeje o codigo abaixo
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick_color2
<!DOCTYPE html>
<html>
<body>
<html>
<head>
<title>Space Clicker</title>
</head>
<body>
<script type="text/javascript">
var clicks = 0;
function onclick() {
clicks += 1;
document.getElementById("clicks").innerHTML = clicks;
};
</script>
<button type="button" onclick="onclick()">Click me1</button>
<button type="button" onclick="onclick()">Click me2</button>
<button type="button" onclick="onclick()">Click me3</button>
<p>Clicks1: <a id="clicks">0</a></p>
<p>Clicks2: <a id="clicks">0</a></p>
<p>Clicks3 <a id="clicks">0</a></p>
</body></html>
</body>
</html>
agradeço a quem me puder ajudar , obrigado...