Quiero agregar los filtros css que tengo cada vez que hago clic en las fotos, quiero aplicar la foto original a la foto original con esta identificación en cualquier momento.
<img src="./assets/img/template.jpg" alt="none" /> none <img id="grayscale" src="./assets/img/template.jpg" alt="grayscale" /> grayscale ---- css # escala de grayscale { filter: grayscale(1); }
#sepia { filter: sepia(1); }
#invert { filter: invert(1); }
#blur { filter: blur(2px); }
#saturate { filter: saturate(2); }
#contrast { filter: contrast(2); }
const handleFilter = (e) => { const { target } = e; const { id: filter } = target; // filter: "grayscale" | "sepia" | "invert" | "hue-rotate" | "contrast" | "saturate" | "blur"
};
Necesitas agregar una identificación en tu div
document.getElementById('#yourId').style.property = new style