necestio cambiar de una imagen que es un boton a otra seria algo asi:
digamos quiero que de la primera imagen se remplaze por la segunda imagen, dandole click a el boton, es posible ? he intentando de todo este es mi codigo:
mi HTML:
<button class="cora" type="button" >
<img class="megusta" src="imagenes/me gusta.svg" alt="Me gusta" />
<!-- <img class="megustaN" src="imagenes/mgnegro.svg" alt="Me gusta" /> -->
</button>
mi CSS:
.megusta {
cursor: pointer;
}
.megusta:hover {
opacity: 0.4;
transition: 0.3s;
}
.megusta:active {
transform: scale(0.9);
}
.megustaN {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.cora {
border: 0;
background: none;
padding-left: 10px;
padding-top: 13px;
}
y aqui mi JS:
// 1.seleccion
const cambiarboton = document.querySelector("megusta")
console.log("cambiarboton", cambiarboton);
cambiarboton.addEventListener("click", function(){
megusta.style.display = imagen1.style.display === "none" ? "block" : "none";
megustan.style.display = imagen2.style.display === "none" ? "block" : "none";
});
intentado de todo pero siempre me aprecen los dos corazones,se puede cambiar una imagen por otra haciendo click con js ??