0

En esté código quiero limitar el incremento dependiendo de los números establecidos en el input

var contador = 0;
var c = document.getElementById("lol");

function incrementar() {
  if (contador == c) {
    alert('Maximo permitido alcanzado:' + 'lol');
  } else {
    document.caca.muchacaca.value = contador++;
  }
}

function decrementar() {
  if (contador == 0) {
    alert('Minimo permitido alcanzado: 0');
  } else {
    document.caca.muchacaca.value = contador--;
  }
}
<form name="caca">
  <input id="lol" type="text" value="5" readonly="readonly">

  <br>

  <input type="button" onClick="incrementar()" value="aumentar">
  <input type="button" onClick="decrementar()" value="disminuir">
  <label> 
    <input name="muchacaca" type="text" readonly="readonly"> 
    </label>
</form>

2
  • te falta tomar el valor del input , en la variable c termina el document.getElementById('lol').value; el 15 mar. 2018 a las 20:44
  • edite la respuesta , para que funcione. el 15 mar. 2018 a las 20:45

1 respuesta 1

1

El problema se debe a que c es el DOMElement con id="lol", cuando lo que realmente necesitas es el value de dicho elemento.

Solución:

Para obtener el valor numérico guardado en el input pudes usar parseInt (entero) o parseFloat (con decimales)

Ejemplo

var contador = 0;
// AQUI obtenemos el value como número entero
var c = parseInt(document.getElementById("lol").value, 10);

function incrementar() {
  if (contador == c) {
    alert('Maximo permitido alcanzado:' + 'lol');
  } else {
    document.caca.muchacaca.value = contador++;
  }
}

function decrementar() {
  if (contador == 0) {
    alert('Minimo permitido alcanzado: 0');
  } else {
    document.caca.muchacaca.value = contador--;
  }
}
<form name="caca">
  <input id="lol" type="text" value="5" readonly="readonly">

  <br>

  <input type="button" onClick="incrementar()" value="aumentar">
  <input type="button" onClick="decrementar()" value="disminuir">
  <label> 
    <input name="muchacaca" type="text" readonly="readonly"> 
    </label>
</form>

3
  • Hermano, te la haz marcado, si tan solo me pudieras explicar porque después del value colocas un valor (.value, 10)) el 15 mar. 2018 a las 21:53
  • @BenEscobar, si lees la documentación de parseInt (link en la respuesta) el segundo parámetro es la base sobre la cual se ha de calcular el número entero.
    – Marcos
    el 16 mar. 2018 a las 1:59
  • Ah si, de hecho ayer ya me pusé a investigar algo así y ya encontré la solución, gracias de nuevo! el 16 mar. 2018 a las 15:18

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.