0

Necesito cambiar el src del ícono de menú hamburguesa al clickerarlo. Este es el código:


    const menuBtn= document.querySelector(".menuIcon");
    menuBtn.addEventListener("click", cambiarBoton);
    function cambiarBoton(){
        if(menuBtn.src === "images/assets/burger.svg"){
            menuBtn.src = "images/assets/close.svg"
        }
    }

3
  • 3
    ¿Y ese código funciona?, ¿da algún problema?, por favor lee Cómo preguntar
    – user128299
    Commented el 11 nov. 2020 a las 16:47
  • No has aclarado lo que te preguntan en el comentario. Sabemos qué necesitas hacer pero no sabemos nada de qué problema tienes con ese código
    – Alfabravo
    Commented el 11 nov. 2020 a las 17:15
  • Hola! Disculpen soy nuevo en esto, gracias por las sugerencias. El código no muestra ningún error por consola pero simplemente no cambia la imagen. Es como si no entrara en el condicional if, porque hago console.log dentro de la fn pero antes del if, lo toma. Dentro del if no sucede nada. Commented el 11 nov. 2020 a las 17:36

1 respuesta 1

1

Para cambiar la imagen desde jquery puedes hacer :

Con Jquery

function cambiarBoton(){
    if(menuBtn.src === "images/assets/burger.svg"){
        $(".menuIcon").attr("src","images/assets/close.svg");
    }else{
       $(".menuIcon").attr("src","images/assets/burger.svg");
    }
}

Con JavaScript

  function cambiarBoton(){     
        if(menuBtn.src === "images/assets/burger.svg"){         
            document.getElementsByClassName("menuIcon").src="images/assets/close.svg";     
        }else{         
            document.getElementsByClassName("menuIcon").src="images/assets/burger.svg";     
        } 
    }
8
  • Gracias! Pero para este proyecto no tenemos permitido el uso de jQuery :( Commented el 11 nov. 2020 a las 17:01
  • Prueba de esta forma, javascript Commented el 11 nov. 2020 a las 17:08
  • Recuerda que puedes editar la respuesta para que se ajuste a la pregunta del OP. Además, el código en los comentarios es ilegible :P
    – Alfabravo
    Commented el 11 nov. 2020 a las 17:14
  • Gracias Gerardo, sigue sin funcionarme de todos modos, no logro ver el error. Commented el 11 nov. 2020 a las 17:15
  • Que error es el que te da? Commented el 11 nov. 2020 a las 17:17

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.