Jump to content

ajuda com onclick


manel7
 Share

Recommended Posts

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

Link to comment
Share on other sites

HappyHippyHippo

atributos id's ãos para ser identificativos, isso quer dizer que não deverão existir repetidos em todo o HTML. além de estar errado, a sua utilidade passa a ser completamente revogada, pois é impossível determinar qual pretendes obter quando fazes a pesquisa pelo id pretendido

<!DOCTYPE html>
<html>
   <body>
   <html>
       <head>
           <title>Space Clicker</title>
       </head>
       <script type="text/javascript">
           function onclick(id) {
               var element = document.getElementById("clicks_" + id);
               element.innerHTML = parseInt(element.innerHTML) + 1;
           };
       </script>
   <body>
       <button type="button" onclick="onclick(1)">Click me1</button>
       <button type="button" onclick="onclick(2)">Click me2</button>
       <button type="button" onclick="onclick(3)">Click me3</button>
       <p>Clicks1: <a id="clicks_1">0</a></p>
       <p>Clicks2: <a id="clicks_2">0</a></p>
       <p>Clicks3 <a id="clicks_3">0</a></p>
   </body>
</html>
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

parece que a function onclick(id) no javascript tambem não pode ter o mesmo nome do atributo/evento onclick do button... pelo menos lá naquele site do "try it yourself" tive que mudar

Link to comment
Share on other sites

A função me parece não pode mesmo ter nome onclick, então tomei a liberdade de fazer uma breve alteração, o exemplo esta funcional.

<!DOCTYPE html>
<html>
   <body>
   <html>
    <head>
	    <title>Space Clicker</title>
    </head>
    <body>
	    <script type="text/javascript">
		    function my_onclick(id) {
			    var c = document.getElementById("clicks_" + id);
			    var clicks = parseInt(c.textContent);
			    clicks += 1;
			    c.innerHTML = clicks;
		    }
		    ;
	    </script>
	    <button type="button" onclick="my_onclick(1)">Click me1</button>
	    <button type="button" onclick="my_onclick(2)">Click me2</button>
	    <button type="button" onclick="my_onclick(3)">Click me3</button>
	    <p>Clicks1: <a id="clicks_1">0</a></p>
	    <p>Clicks2: <a id="clicks_2">0</a></p>
	    <p>Clicks3: <a id="clicks_3">0</a></p>
    </body></html>
</body>
</html>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.