Tengo un problema cuya solución no he encontrado en otras preguntas realizadas, que se me antoja básico y que, a mí ver, debería funcionar.
Tengo el siguiente código:
<div id="uno">
</div>
<script>
addOp=document.getElementById("uno");
a=1;
contador=4;
if (a<contador){
addOp.insertAdjacentHTML('beforeend','<input type="button" value="Enviar" onclick="boton()"></input>');
addOp.insertAdjacentHTML('beforeend', ' ' + a);
}
function boton(){
a=++;
return a;
}
</script>
Lo que necesito que se haga lo siguiente:
- Mientras
a
sea menor quecontador
, me imprime un botón. - El botón llama a la función
botón
cuando se haceclick
. - La función botón aumenta en
1
el valor dea
y cuandoa
sea mayor quecontador
, deja de imprimir el botón en el div.
El problema es que no actualiza la variable. Sí la actualiza si haces dentro de la función boton
un alert
o imprimes el valor de a
, pero en cuanto sale de esa función y vuelve al código, a vuelve a valer 1.
Un for
o un while
no me sirven, pues debe imprimirse cada vez que se hace click y se comprueba la condición. A mi entender el código es correcto, pero debe de haber algo que se me escapa.
Gracias.