Как увеличить фото по кнопку?

Question

[Zhenia Bel]

Всем привет мне надо увеличить фото в 2 раза по кнопке, а при втором нажатии вернуть ее исходный размем?
вот что у меня есть с html:

<div id="img">
        <img src="img/1.png" alt="photo" id="test">
    </div>
    <button type="button" id ="work"">do</button>

Comments

[VolgaVolga]

Вот здесь тысячи умельцев с удовольствием помогут.

[ThunderCat]

что пробовал, что не получилось, где код?

[Zhenia Bel]

ThunderCat, пробовал тонгл но оно ничего не делало this.classList.toggle('big')

[ThunderCat]

Zhenia Bel,

но оно ничего не делало

а что должно было делать?

this.classList.toggle('big')

То есть вы кнопке задавали класс? Зачем?

[Zhenia Bel]

Я посмотрел на этом сайте что так должно работать https://javascript.ru/forum/misc/62587-uvelichenie...

[12Vadim12]

Zhenia Bel, размер фото может быть любой, или у вас есть конкретный?

[Zhenia Bel]

12Vadim12, любой размер

Answer 1

[12Vadim12]

Можно типа такого:

work.onclick = function(){
 document.getElementById('test').classList.toggle('active');
}

#test.active{
  transform: scale(2);
}

Comments

[Zhenia Bel]

а как по второму нажатию вернуть размер?

[Алексей Ярков]

Zhenia Bel, нажать второй раз

Answer 2

[Алексей Ярков]

Вам уже ответили. Вот тут собрал в кучу.
https://codepen.io/yarkovaleksei/pen/bGKBBgz