Функция onclick (новичёк js)

Вопрос-ответ JavaScript
1 
    <body>
    	<div id="block"></div>

    	<script src="js.js"> </script>
    </body>

-----------css----------

#block{
	width: 300px;
	height: 300px;
	background: red;
}

-------js---------

block.onclick = function fun1(){
	block.style.transition = '2s';
	block.style.margin = '200px';
	block.style.width = '150px';
	block.style.height = '150px';
	block.style.background = 'gray';
}

Вопрос?

Как сделать чтобы кликнув 2 раз квадрат медленно возвратился в исходный???

2

Чтобы анимировать обратно, нужно убрать все стили, добавленные в onclick.
Стратегия: написать css класс, со стилями конечного состояния анимации div-а.
Результат: https://jsfiddle.net/ytb1Ljsc/

От меня комментарии:

  1. .onclick используется чисто для демонстрации. На практике используют addEventListener
  2. Вместо id используют class-ы. Как для получения ссылки на элемент (в твоем случае элемент не надо было искать), так и для применения стилей к элементу.