0

Estoy tratando de hacer a base de dos botones un incremento y decremento de la variable que se mostrará en mitad de estos, la variable la uso en la función que llamo desde la de cada botón. Como puedo solucionar este error? Mi html es el siguiente:

       <script src="incrementos.js"></script>
          <div class="wrapper">
            <table>
              <tr>
                  <td>
                      <button class="incremento" onclick="down_value()">
                          Disminuir
                      </button>
                  </td>
                  <td class="middle" id="i_tempobj">
                  </td>
                  <td>
                      <button class="incremento" onclick="up_value()">
                          Aumentar
                      </button>
                  </td>
              </tr>
          </table>
          </div>

Mi javascript es este:

//Creo una función para aumentar el número
function up_value(){
  i_NTemp = i_TempObj + x;
  temperatura_objetivo();
  document.getElementById("i_tempobj").innerHTML=i_NTemp;
  console.log(i_NTemp);
}
//Creo una finción para disminui el número
function down_value(){
  i_NTemp = i_TempObj - x;
  temperatura_objetivo();
  document.getElementById("i_tempobj").innerHTML=i_NTemp;
  console.log(i_NTemp);
}
7
  • 1
    Pues va a ser que incrementos.js no contiene ese código javascript que pones o está en otra ruta. Revisa la consola a ver si ves un 404. A mi me funciona (me da otros errores pero ya son dentro de la función que sí encuentra). También podria ser que te diera un error de javascript antes de llegar a definir esas funciones y petara todo el script.
    – masterguru
    Commented el 7 jun. 2022 a las 9:15
  • En las funciones usas las variables i_TempObj y x que no están definidas en ningún lado, al menos en el código que has mostrado
    – VFG
    Commented el 7 jun. 2022 a las 9:16
  • @vfg están definidas mas arriba perdón por no ponerlo
    – relaxedrt
    Commented el 7 jun. 2022 a las 9:18
  • Edita la pregunta entonces para que nos enteremos. Pero entonces... ya me imagino qué es lo que pasa. Lo defines fuera de la función, así que cuando las defines el <td id="i_tempobj"> todavía no existe. Será mejor que las definas en cada función
    – VFG
    Commented el 7 jun. 2022 a las 9:19
  • @masterguru en el código hago clic en donde llamo a incrementos.js y me lleva bien al archivo
    – relaxedrt
    Commented el 7 jun. 2022 a las 9:21

1 respuesta 1

0

La solución que te propongo funcionaría correctamente...

const x = 1;
function up_value(){
    var i_TempObj = parseInt(document.getElementById("i_tempobj").innerHTML) || 0;
    i_NTemp = i_TempObj + x;
    // temperatura_objetivo();
    document.getElementById("i_tempobj").innerHTML=i_NTemp;
    console.log(i_NTemp);
}
//Creo una finción para disminui el número
function down_value(){
    var i_TempObj = parseInt(document.getElementById("i_tempobj").innerHTML) || 0;
    i_NTemp = i_TempObj - x;
    //temperatura_objetivo();
    document.getElementById("i_tempobj").innerHTML=i_NTemp;
    console.log(i_NTemp);
}

Eso sí... como ves, i_TempObj está definido dentro de cada función. También podrías definirlo fuera si lo haces cuando la página está completamente cargada (con window.onload)

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.