1

Quiero que mi código se ejecute al escribir un número en mi input, pero siempre que recargo la página se activa el código de forma automática.

const dinero = document.getElementById('ValorGanancia');
dinero.addEventListener('keypress', alert('hola mundo'));
<div class="CalculoCalculadora-IngresoTotal">
  <p>Bill </p>
  <input type="number" name="ValorGanancia" id="ValorGanancia" placeholder="0" value="">
  <span class="Logopesos"> <img class="imgPesos" src="./images/icons8-dólar-estadounidense-24.png" alt="" srcset=""></span>
</div>

3
  • podrias usar onclick, así ejecutas la función deseada solo al hacer click en el input onclick="miFuncion()"
    – Roy
    Commented el 17 oct. 2022 a las 13:56
  • @Roy por cierto, a no olvidar que se recomienda no utilizar los manejadores de eventos en línea (inline event handlers).
    – padaleiana
    Commented el 17 oct. 2022 a las 14:12
  • Al agregar eventListeners, debés pasar un listener, que en este caso podría ser una función, sin los paréntesis. Pensalo: al asignar el eventListener, ¡ya estás llamando a una función (alert())! El alert puede estar presente tanto en una función nombrada como anónima.
    – padaleiana
    Commented el 17 oct. 2022 a las 14:30

3 respuestas 3

0

Algo más sencillo, podrías hacerlo de la siguiente forma:

document.getElementById("ValorGanancia").addEventListener("keypress", function() {
  alert('hola mundo');
});
<div class="CalculoCalculadora-IngresoTotal">
  <p>Bill </p>
  <input type="number" name="ValorGanancia" id="ValorGanancia" placeholder="0" value="">
  <span class="Logopesos"> <img class="imgPesos" src="./images/icons8-dólar-estadounidense-24.png" alt="" srcset=""></span>
</div>

O también podrías utilizar una función anónima:

const dinero = document.getElementById('ValorGanancia');
dinero.addEventListener('keypress', () => {
  alert('hola mundo');
});
<div class="CalculoCalculadora-IngresoTotal">
  <p>Bill </p>
  <input type="number" name="ValorGanancia" id="ValorGanancia" placeholder="0" value="">
  <span class="Logopesos"> <img class="imgPesos" src="./images/icons8-dólar-estadounidense-24.png" alt="" srcset=""></span>
</div>

0

Al agregar el evento no uses directamente alert. Podes envolver el codigo que queres ejecutar al activarse el evento en una funcion anonima, en este caso una funcion flecha:

dinero.addEventListener('keypress', () => { alert('hola mundo') });

o con una funcion anonima normal:

dinero.addEventListener('keypress', function() { alert('hola mundo') });
0

Deberías hacer lo siguiente:

const dinero = document.getElementById('ValorGanancia');
if(!dinero = "") {
   dinero.addEventListener('keypress', alert('hola mundo')); //Solo se activa si el valor no es igual a Null (Nada).
}

1
  • 1
    No soluciona el problema, la llamada a alertse ejecuta directamente por cómo está escrito Commented el 17 oct. 2022 a las 15:23

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.