0

Tengo un problema. No me aplica el efecto cuando clickeo, solamente cuando añado la variable enlance.addEventListener() en la consola, llamando a la clase design con el metodo transition pero cuando hago click nop, Alguien sabra porque? compile con node.js y me sale esto:

let enlance = document.getElementById('sign');
              ^

ReferenceError: document is not defined
    at Object.<anonymous> (C:\Users\Aisak\Desktop\Repository\ShopList\js\eventos.js:39:15)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:741:12)
    at startup (internal/bootstrap/node.js:285:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)


 class Design{
    transitionUp(up, down){
       this.up = up;
       this.down = down;
       this.up.style.transform = "translateY(-1000%)";
       this.down.style.transform = "translateY(0%)";
    }
    transitionDown(up,down){
        this.up = up;
        this.down = down;
        this.up.style.transform = "translateY(0%)";
        this.down.style.transform ="translateY(-1000%)";
        this.down.style.transition="all 3s";
        this.up.style.transition="all 1.3s"; 
    }
}

const diseño = new Design(); let enlance = document.getElementById('sign'); let enlance2 = document.getElementById('sign2'); let loguin = document.getElementById('loguin'); let registro = document.getElementById('registro'); enlance.addEventListener('click', diseño.transitionUp(loguin,registro)); enlance2.addEventListener('click', diseño.transitionDown(loguin,registro));

0

1 respuesta 1

0

Si quieres pasar parámetros a la función del listener, debes utilizar funciones anónimas.

var el = document.getElementById("t"); 
el.addEventListener("click", function(){modifyText("four")}, false); 

https://developer.mozilla.org/es/docs/Web/API/EventTarget/addEventListener

1
  • ya la utilize pero me sale referenceError o type error o un error que no se como explicarlo, queria colocar el addEventListener dentro de la funcion de la clase, pero me sale error,
    – user112914
    Commented el 2 ene. 2019 a las 20:30

Tu Respuesta

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