Modificar clase al hacer clic en un elemento

Estructura HTML:

<style>

.caja{background:white;color:black;margin:auto}

.caja .rojo{background:red;color:red}
</style>


<button  id="incre">clic</button>
<div  id="caja" class="caja">Suscríbete</div>

Colocar en functions php Script:

var incre = document.getElementById('incre'),
    caja = document.getElementById('caja'),
    contador=0;


     function cambio()

     {  if(contador==0)
         {
               caja.classList.add('rojo');
               contador=1;
         }
         else{caja.classList.remove('rojo');
              contador=0;}
          
     }

    incre.addEventListener('click',cambio,true) 

EJEMPLO:

clic