JavaScript EcmaScript 6 Class addEventListener ¿Error porque?

hace 5 años

Hola estoy aprendiendo, ecmaScript 6 con Class, y estoy tratando crear una clase con métodos aplicándoles parámetros para luego, llamarlos y colocar las variables para aplicar dicho efecto, pero en la consola me sale ese error, y no se porque.

<code>

1class Design{
2    transition(clickea, up, down){
3        this.clickea = clickea;
4        this.up = up;
5        this.down = down;
6        let cont = 0;
7        let focus = document.getElementById(clickea);
8        let content = document.getElementById(up);
9        let content2 = document.getElementById(down);
10        focus.addEventListener(&#39;click&#39;, function(clickea,up,down){
11            if(cont == 0){
12                content.style.transform = &#34;translateY(-1000%)&#34;;
13                content2.style.transform = &#34;translateY(0%)&#34;;
14                cont++;
15            }else{
16                content.style.transform = &#34;translateY(0%)&#34;;
17                content2.style.transform = &#34;translateY(-100%)&#34;;
18                cont--;
19            }
20        });
21    }
22}
23
24const diseño = new Design();
25let enlance = document.getElementById(&#39;sign&#39;);
26let loguin = document.getElementById(&#39;loguin&#39;);
27let registro = document.getElementById(&#39;registro&#39;);
28diseño.transition(enlance, loguin, registro); 
29
30&lt;/code&gt;
31
32&lt;code&gt;
33    Uncaught TypeError: Cannot read property &#39;addEventListener&#39; of null
34    at Design.transition (eventos.js:30)
35    at eventos.js:48
36&lt;/code&gt;

Escribe una respuesta