0

Buenas estoy haciendo un desafio, sobre un encriptador de Mensajes, quiero lograr cambiar de imagen segun el estado del programa. Este conta de dos botones y la (1 imagen). Cuando oprimo el boton "Encriptar" se debe cambiar por la (2 imagen) eso lo logro hacer, mi problema es que no puedo cambiar a la tercera imagen, cuando oprimo el boton "desencriptar". Por que utilice una funcion de cambiar el src de la imagen, de la 1 a la 2 y esta ultima no se como llamarla. En el evento onclick llamo dos funciones, funcion encriptar(); funcion cambiarImagen1();

<img src="Img/buscar.png" id="ImgRight">



 function cambiarImagen1(){
   document.getElementById("ImgRight").src = "Img/encriptar.png";
    }
2
  • pasa un parámetro a la función para saber qué imagen poner, por ejemplo: cambiarImagen1(img) y luego if img==1 pones la 1, si es 2, la 2 y así... o directamente pasa la imagen como parámetro cambiarImagen1(img) y luego src = img
    – track3r
    Commented el 16 ene. 2023 a las 22:39
  • Muchas gracias por tu aporte, entiendo tu punto pero no me doy cuenta como aplicarlo.
    – Romina Huk
    Commented el 18 ene. 2023 a las 20:29

2 respuestas 2

1

Con este codigo debería de funcionarte

Html

<img src="Img/buscar.png" id="ImgRight">
<input type="button" id="btnEncriptar" 
value="encriptar"/>

<input type="button" id="btnDesencriptar" 
    value="desencriptar"/>

Javascript

Al cargar la pagina realaizará esta funcion

    window.onload = inicializarEventos
    
    fuction.inicializarEventos(){
       document.getElementById("btnEncriptar").addEventListener("click", encriptar, false)
document.getElementById("btnDesencriptar").addEventListener("click", desencriptar, false)
    }


    function encriptar(){
        document.getElementById("ImgRight").src = "Img/encriptar.png";
      
    }

function desencriptar(){
document.getElementById("ImgRight").src = "ruta de la imagen";
}

Espero que te ayude🙂🫱🏽‍🫲🏽

4
  • Muchas gracias por tu ayuda, tenemos el mismo resultado. Ahora el problema es si quiero ingresar una Tercer imagen, si nos centramos el la "funcion desencriptar", lo que hacemos es cambiar el src de la imagen, esta segunda imagen no tiene un "ID" para poder identificarla y cambiarla por la tercera
    – Romina Huk
    Commented el 18 ene. 2023 a las 20:27
  • Esa imagen a la que le cambiamos el src seguira teniendo el mismo id que antes si no me equivoco no? Commented el 18 ene. 2023 a las 21:41
  • GRACIAS POR ESE DETALLE, si toma el mismo id. Le di otro enfoque y me funciono.
    – Romina Huk
    Commented el 18 ene. 2023 a las 22:11
  • De nada 🙂🫱🏽‍🫲🏽🫱🏽‍🫲🏽 Commented el 18 ene. 2023 a las 22:35
-1

Podrías probar a recoger "imgRight" hacer un if dentro de la función. Si el src de la imagen es "Img/buscar.png" que la cambie por "Img/encriptar.png" y viceversa.

1
  • Muchas gracias por tu aporte, mi problema es como ingresar una tercer imagen.
    – Romina Huk
    Commented el 18 ene. 2023 a las 20:29

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.