Как при клике уменьшить фото, а при повторном клике вернуть в исходное состояние?

Question

[mond1k]

Как сделать чтобы при клике на произвольное фото уменьшалось в 1.5 раза (пропорционально), при повторном клике увеличивал это фото в предыдущее состояние?

Comments

[Froggyweb]

переключать класс на элементе? Для jq - toggleClass() для нативного js - classList.toggle("имя");
ну и обработчик кликов в соответствии

Answer 1

[Sergey Dychko]

Добавить дополнительный css клас селектору , к примеру .scaled в свойствах которого будет
trasnsform:scale("масштаб") . Соответсвенно в js нужно повесить обработчки события на картинку и при клике переключать клас .scaled. Примерно так :

document.getElementBy('id').addEventListener("click", (e)=>{ event.target.classList.toggle('scaled') }

;