0

Olá, sou iniciante em javascript e gostaria de saber como faço para bloquear o item, quando var total atingir tal valor igual ao do item, ex: 200, aumentar de 2 em 2 não de 1 em 1.

var total = 1;
function clickAumento () {
  document.getElementById('marioClick').value = total++;

}
<div id="divContador">
    <input type="text" id="marioClick" value="0"></input>
</div>
<div id="divMario"> 
   <img onclick="clickAumento()" id="mario" src="http://www.imagenspng.com.br/wp-content/uploads/2015/02/super-mario-mario-11.png">
</div>

5
  • tentou usar total+2?
    – Wees Smith
    Commented 16/05/2018 às 14:18
  • 1
    João sua pergunta esta confusa, não da pra entender. Pois diz: como faço para bloquear o item, quando desbloquear no click, poderia editar e esclarecer melhor seu problema ou dificuldade ?
    – NoobSaibot
    Commented 16/05/2018 às 14:21
  • O que quer dizer com "bloquear"?
    – Sam
    Commented 16/05/2018 às 14:36
  • Editei!! basicamente fundamentos de um jogo clicker Commented 17/05/2018 às 1:39
  • bloquear o click?
    – Sam
    Commented 17/05/2018 às 1:41

2 Respostas 2

3

Em relação ao que diz respeito ao incremento de +2 sugiro:

function clickAumento () {
  document.getElementById('marioClick').value = total += 2;
}
1

Há muitas formas de fazer isso. Uma delas é usando o método removeAttribute para remover o onclick quando atingir o número desejado.

No tocante à incrementação de 2 em 2, troque o total++ por total+=2.

No exemplo abaixo, quando o número atingir 20 (só para exemplo), o atributo onclick é removido e não haverá mais ação quando a imagem for clicada:

var total = 1;
function clickAumento () {
//   if(total < 200){
   if(total < 20){
  document.getElementById('marioClick').value = total+=2;
   }else{
      document.getElementById("mario").removeAttribute("onclick");
   }

}
<div id="divContador">
    <input type="text" id="marioClick" value="0"></input>
</div>
<div id="divMario"> 
   <img height="300" onclick="clickAumento()" id="mario" src="http://www.imagenspng.com.br/wp-content/uploads/2015/02/super-mario-mario-11.png">
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .