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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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