incrementar y disminuir vida en javascript

[webfisherman]

Buenas tardes necesito su ayuda para terminar este codigo solo pido un poco de orientación .

tengo este codigo el cual me logra hacer que aumente o disminilla segun el sea el caso es un juego de piedra papel o tijera tengo el js que me muestra un mensaje cuando gana pero no muestra si a acomuado puntos el codigo qque tengo solamete aumenta los puntos si preciono un boton quisiera saber como hacerle para que se ejecute automaticamente esta accion dependiendo del resultado obtenido por el otro script

Código HTML:

var contador=0; 
function incrementar() { 
if(contador==3) 
alert('Ganaste!'); 
else { 
document.puntos.vida.value= contador++; 
} 
} 
function decrementar() { 
if(contador==0) 
alert('Has sido derrotado'); 
else { 
document.puntos.vida.value= contador--;} 
} 

Este script es el que ejecuta las reglas del juego.

Código HTML:

function PiedraFunction() {
       document.getElementById("usuario").innerHTML = "<img src='img/icons/piedra.png'/>";
       document.getElementById("vs").innerHTML = "<img src='img/vr2.png'/>";
       document.getElementById("otravez").innerHTML = "<a href='index.html'><h3>Jugar de nuevo</h3></a>";
       if (opcionMaquina == 0) {
        document.getElementById("maquina").innerHTML = "<img  src='img/icons/piedra.png'/>";
        var vpiedra=0;
       }else if (opcionMaquina == 1) {
        document.getElementById("maquina").innerHTML = "<img  src='img/icons/papel.png'/>";
        var vpapel=1;
       }else if (opcionMaquina == 2) {
        document.getElementById("maquina").innerHTML = "<img  src='img/icons/tijera.png'/>";
        var vtijera=2;
       }else if (opcionMaquina == 3) {
        document.getElementById("maquina").innerHTML = "<img src='img/icons/lagarto.png'/>";
        var vlagarto = 3;
       }else if (opcionMaquina == 4) {
        document.getElementById("maquina").innerHTML = "<img src='img/icons/spock.png'/>";
        var vspock = 4;
        }

        if (vpiedra == opcionMaquina) {
          document.getElementById("resultado").innerHTML = "<img class='imgresultado' src='img/empate.png'/>";
        } else if (vpapel == opcionMaquina) {
          document.getElementById("resultado").innerHTML = "<img class='imgresultado' src='img/pierdes.png'/>";
        } else if (vtijera == opcionMaquina) {
          document.getElementById("resultado").innerHTML = "<img class='imgresultado' src='img/ganas.png'/>";
        } else if (vlagarto == opcionMaquina) {
          document.getElementById("resultado").innerHTML = "<img class='imgresultado' src='img/ganas.png'/>";
        } else if (vspock == opcionMaquina) {
          document.getElementById("resultado").innerHTML = "<img class='imgresultado' src='img/pierdes.png'/>"; 
        }     
    }
Gracias de antemano!

[juangemelo01]

amigo, disculpa, mas o menos te entendi un poco (usa "," para la proxima ).

supongamos que tenemos la Variable Puntos
en el alert pones

Código:

alert('Ganaste, tienes '+ Puntos ' + puntos');

[PHPeros]

Tu código se puede reducir mucho, yo empezaría utilizando sentencias switch para múltiples condiciones, en vez de tropecientos else if.

juangemelo01: concatenaste mal

[jp91]

Pues para mi seria mejor tener una sola funcion que dos (incrementar y disminuir).

Una funcion llamada "puntos" donde compruebas que evento ha ocurrido (aumenta o disminuye)

Lo que muestras tienes la variable contador en cero es decir donde en la primera jugada pierdas que pasara?