O objetivo é incrementar o contador ao clicar na imagem, mas não esta funcionando. Alguém pode me ajudar?index.html (558 Bytes)
JS
let counter = 0;
$('#cat-img').click(function(e) {
counter++;
$('#counter').text(counter);
});
Incrementar contador ao clicar em imagem
6 Respostas
K
Você pode fazer assim:
Adiciona um onclick na imagem:
onclick="contadorClick()"
Js:
function contadorClick(){
document.getElementById("counter").innerHTML = parseInt(document.getElementById("counter").innerHTML) +1;
}
no caso teria que usar o js dentro do html? pq não funcionou
K
A imagem ficaria assim:
<img id="cat-img" src="img/cat.jpg" onclick="contadorClick()" alt="a cute baby cat looking to you">
O js pode usar dentro do html ou em um arquivo separado,eu pessoalmente prefiro usar em um arquivo separado pois fica mais organizado.
também prefiro deixar separado.
Vc chegou a testar ai? Pq aqui não funcionou
K
Eu testei aqui e funcionou.
Tenta colocar a função dentro do HTML.
<script>
function contadorClick(){
document.getElementById(“counter”).innerHTML = parseInt(document.getElementById(“counter”).innerHTML) +1;
}</script>
Salva e da um f5 no navegador, se funcionar o nome do seu arquivo .js está definido errado.
Solucao aceita
p variar mais um erro bobo. Era o script do meu jquery.
Muito obrigado pela atenção.
Criado 21 de março de 2019
Ultima resposta 21 de mar. de 2019
Respostas 6
Participantes 2
Alura O que é Python? — um guia completo para iniciar nessa linguagem de programação Acesse agora o guia sobre Python e inicie sua jornada nessa linguagem de programação: o que é e para que serve, sua sintaxe e como iniciar nela!
Casa do Codigo Guia pratico de TypeScript: Melhore suas aplicacoes... Por Thiago da Silva Adriano — Casa do Codigo