Estoy en una academia donde me piden que ponga una imagen de 800 px y luego use la <img>: class = "small" para reducirla y luego me dicen esto:
El objetivo de esta parte del proyecto es que utilizará JavaScript para eliminar esta clase "pequeña" (y, por lo tanto, la imagen crecerá) o reposicionarla (por lo que volverá a ser pequeña) cuando el usuario haga clic.
Debe usar la propiedad classList del elemento HTML.
// Select the element const myElement = document.querySelector("#my-element"); // Add a class myElement.classList.add("class-to-add"); // Remove a class myElement.classList.remove("class-to-remove");Aquí está la documentación correspondiente: https://developer.mozilla.org/docs/Web/API/Element/classList
// garp the image by it's className const myImage = document.querySelector('.myImage') // add event listener to respond click event myImage.addEventListener('click', () => { // it will toggle on and off whene ever used clicks it myImage.classList.toggle('small') })