Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Como cambiar la imagen que quiero

JavaScript - Como cambiar la imagen que quiero

Volver
Nuevo Tema
<<>>
 
Vista:

Como cambiar la imagen que quiero

Publicado por lotso (1 intervención) el 01/03/2021 21:58:07
Hola, lo que sucede es que tengo una imagen y quiero que si pulso un boton se cambie y si de nuevo pulso el boton se devuelva a la forma original. Tengo este codigo pero solo logro que cambie y nunca vuelve a su forma original

Este es el HTML donde esta contenido
1
2
3
4
5
<div class="Buttons">
        <button id="Back">Back this project</button>
        <button id="Back1"><b>Bookmark</b></button>
        <img id="Bookmark" src="C:\Users\Usuario\Downloads\crowdfunding-product-page-main\images\icon-bookmark.svg" >
</div>

1
2
3
4
5
6
7
8
9
10
11
12
13
document.getElementById("Back1").onclick = change;
 
function change() {
  if (document.getElementById("Back1").innerHTML = "Bookmark"){
    document.getElementById("Back1").innerHTML = "Bookmarked";
    document.getElementById("Back1").style.color = "hsl(176, 72%,28%)";
    document.getElementById("Bookmark").src = "C:/Users/Usuario/Downloads/crowdfunding-product-page-main/images/icon-bookmark2.png";
  }else{
    document.getElementById("Back1").innerHTML = "Bookmark";
    document.getElementById("Back1").style.color = "hsl(0, 0%, 48%)";
    document.getElementById("Bookmark").src = "C:/Users/Usuario/Downloads/crowdfunding-product-page-main/images/icon-bookmark.svg";
  }
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Gio
Val: 368
Bronce
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Como cambiar la imagen que quiero

Publicado por Gio (79 intervenciones) el 02/03/2021 04:12:51
En la línea 4 de tu código JavaScript, estás colocando un solo signo igual (=) cuando en realidad van 2 (==) para realizar una comparación de igualdad.
Segunda observación, confundiste los links de las líneas 7 y 11.

Código solucionado:
1
2
3
4
5
6
7
8
9
10
11
12
13
document.getElementById("Back1").onclick = change;
 
function change() {
  if (document.getElementById("Back1").innerHTML == "Bookmark"){
    document.getElementById("Back1").innerHTML = "Bookmarked";
    document.getElementById("Back1").style.color = "hsl(176, 72%,28%)";
    document.getElementById("Bookmark").src = "C:\Users\Usuario\Downloads\crowdfunding-product-page-main\images\icon-bookmark.svg";
  }else{
    document.getElementById("Back1").innerHTML = "Bookmark";
    document.getElementById("Back1").style.color = "hsl(0, 0%, 48%)";
    document.getElementById("Bookmark").src = "C:/Users/Usuario/Downloads/crowdfunding-product-page-main/images/icon-bookmark2.png";
  }
}

Espero haberte ayudado.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar