Генератор разметки

Я придумал новый упрощенный способ описания html-разметки. Для него используется строка состоящая только из 2 символов < и >. Эта строка превращается в обычную разметку по следующим правилам:

символ < соответствует открывающему тегу <div>, а > - закрывающему тегу </div>;
все теги пишутся на новой строке
каждый уровень вложенности отделяется одним пробелом, кроме тегов на первом уровне.

Преобразовать упрощенную разметку в обычную было бы легко, поэтому я прошу вас написать программу, результатом работы которой будет код на JavaScript, который делает это преобразование.

Формат входных данных

На вход подается строка S (2 ≤ |S| ≤ 40) состоящая из символов < и >. Строка является правильной скобочной последовательностью.

Формат выходных данных

Выведите программу на JavaScript, которая генерирует обычную html-разметку на основе упрощенной. Полученная программа должна соответствовать всем требованиям, что и обычное решение.

Пример

input	output
`<<><>>`	`console.log('<div>');` `for(var i=0;i<2;i++){` `console.log(' <div>');` `console.log(' </div>');` `}` `console.log('</div>');`

Примечание

В примере разметка должна выглядеть так:

<div>
 <div>
 </div>
 <div>
 </div>
</div>