3

Soy nuevo en JS y quiero saber que valor tomo el if (drawer.style.left) , al principio vale -30% (lo cual creo que es falso) por lo tanto va al else, y luego cuando vuelvo a apretar entra al if, pero no entiendo porque si ahora vale -10% y creo que es falso.

Muchas gracias.

		let menu = document.querySelector(".material-icons");
		let drawer = document.querySelector("#drawer");
		menu.addEventListener('click',function(e){
			if(drawer.style.left){
				drawer.style.left = '';
				drawer.style.transition = 'all 0.8s';


			}
			else
			{
				drawer.style.left = '-10%';
				drawer.style.transition = 'all 0.8s';
			}

		});

1
  • Como estas agregando el estilo?
    – alanfcm
    Commented el 27 ago. 2018 a las 23:32

1 respuesta 1

3

La propiedad .style en javascript solo funciona con estilos que han sido declarados en linea. Ademas, las propiedades en css son de tipo string, por lo que cualquier propiedad que no este vacia va a retornar true.

document.addEventListener("DOMContentLoaded", function(event) {     
    let menu = document.querySelector(".material-icons");
		let drawer = document.querySelector("#drawer");
		menu.addEventListener('click',function(e){
      console.log(drawer.style.left);
			if(drawer.style.left){
				drawer.style.left = '';
				drawer.style.transition = 'all 0.8s';
        console.log(true);
			}
			else
			{
				drawer.style.left = '-10%';
				drawer.style.transition = 'all 0.8s';
        console.log(false);
			}

		});
});
<div id="drawer" style="left: -30%">Test</div>
<button class="material-icons">Icons</button>

1

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.