0

Este es mi código:

document.getElementById('btn').addEventListener('click').

function () {
    // body...

    var setBar; 
    setBar = document.getElementById('setBar');
    setBar = setBar.value;
    setBar = parseInt(setBar);

    var setBar1; 
    setBar1 = document.getElementById('setBar1');
    setBar1 = setBar1.value;
    setBar1 = parseInt(setBar1);

    console.log(setBar);
    console.log(setBar1);
4
  • ¿Cuál es la duda?
    – A. Cedano
    el 25 abr. 2021 a las 17:34
  • Como puedo usar el addEventListener('click'). y ponerla en una funcion
    – MART3
    el 25 abr. 2021 a las 17:45
  • Está explicado en la documentación. Revisa las explicaciones y los ejemplos y si no entiendes algo pregunta sobre aquello que no entiendas.
    – A. Cedano
    el 25 abr. 2021 a las 17:54
  • Ah OK, muchas gracias. Ya pude entender
    – MART3
    el 26 abr. 2021 a las 21:38

1 respuesta 1

0

Para hacer el evento addEventListener no ibas mal encaminado, solo te faltó agregarle la función. Porque tal y como tu lo pusiste si, funciona, el js detecta el click en X sitio, pero nada más.

Te pongo como ejemplo cómo hacer las funciones llamadas por eventos (explicación en el código comentado):

document.body.innerHTML = `<input type="text" name="uno">
    <input type="text" name="dos">`;//esto es para crear mediante strict strings el html

    let inp_1 = document.querySelector('input[name=uno]');//iniciamos la variable inp_1 y le damos como valor el input de nombre uno
    console.log(inp_1);//comprobamos que funciona correctamente, despues se puede borrar esta linea
    let inp_2 = document.querySelector('input[name=dos]');//lo mismo con el input dos
    console.log(inp_2);


    inp_1.addEventListener('click',(e)=>{//agregamos a inp_1 el evento de escucha 'click', que llama a la función anónima
        //la cual paso e como parámetro
        console.log(e.target.value);//y devolvemos el valor del e.target
    });


    inp_2.addEventListener('keyup',(e)=>{//en este evento iniciamos con un keyup, es decir, cada vez que se pulsa la tecla

        //e representaría la tecla, la cual podrías sacar con e.key
        console.log(e.key);
        //pero imprimimos por consola el valor del input, ya que el parámetro no nos haría falta
        console.log(inp_2.value);
        //esto es funcionalidad de los kelogger al fin y al cabo, solo que super simplificado
    });

2
  • Ah okay, muchas gracias, ahora ya entendi como
    – MART3
    el 26 abr. 2021 a las 21:37
  • De nada, para eso estamos
    – AQMR
    el 27 abr. 2021 a las 6:18

Tu Respuesta

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

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